DalpangLOG

Vue2 환경에서 작업을 하다가, 페이지 내 Axios 호출되는 곳에서 특정 문자를 변경해줘야 하는 문제가 있었다. 이를 위해서 SPA 페이지 내부에서 작업을 해줬었는데, Axios Interceptor를 통해 한번에 처리할 수 있는 방법이 있었다. Axios Interceptor의 메타 데이터 중, config.transformResponse를 활용하는 방식이다. 나는 특정 url을 포함하는 경우에만 해당 작업을 적용 시키기 위해서 다음과 같은 형식으로 작성했다. 이때 if절에서 response.config.transformResponse를 통해 데이터가 try/catch에 도달하기 전에 데이터 변환 작업을 해줄 수 있다. Axios config에 대한 안내는 여기서 확인! https://axios-h..

카테고리 없음 2023. 11. 28. 19:51

여러 프로젝트를 다루다 보면, 여러 자바 버전을 바꿔가면서 작업을 해줘야 할 때가 있다. 물론 인텔리제이를 쓰면, 인텔리제이 내부에서 바로 jdk를 다운받아 설정해 줄 수 있지만(최근에 앎), old school 방식으로 설정하는 법을 한번 정리해보자. 혹시 아직 Brew가 설치되어 있지 않다면? 1) 맥에서는 주로 Brew로 설치를 하는 게 간편한 편이라 일단 Brew를 다운로드한다. https://brew.sh/ Homebrew The Missing Package Manager for macOS (or Linux). brew.sh Terminal에서 위 홈페이지에 나온 커맨드를 따라서 작성해 주면 됨. 생각보다 스텝 바이 스텝 잘 되어 있어서 딱히 어렵지는 않을 거다. terminal에서 아마 한두 ..

개발공부/개발공부 2023. 11. 22. 00:10

1. VSCode - code VSCode의 경우 IDE 상단의 Search 바 클릭 후 -> 'Show and Run Commands' 클릭 또는 keyboard shortcut(Cmd + Shift + P)를 눌러 Command Palette를 켠후 shell command라고 입력한다. 위에 보이는 Install 'code' command in PATH를 선택해 실행해 주면, 자동으로 PATH 지정이 완료된다. 이후, 사용하는 Terminal에서 code라는 커맨드를 입력하면 VSCode가 실행된다. 특정 프로젝트를 열고 싶은 경우 실행하고자 하는 프로젝트 경로로 이동한 뒤 code [프로젝트명] 형식으로 커맨드를 입력하면 됨! code MyProject 2. IntellJ - idea 인텔리제이의..

개발공부/개발공부 2023. 11. 4. 19:54

Storage Mount에는 볼륨 마운트, 바인드 마운트가 있다. Volume : 스토리지의 한 영역을 분할한 것. 볼륨 마운트 => 도커 엔진 관리 영역 내에 만들어진 볼륨을 컨테이너에 디스크 형태로 마운트 하는것. 바인드 마운트 => 도커가 설치된 컴퓨터의 문서 폴더 또는 바탕화면 폴더 등 도커 엔진에서 관리하지 않는 영역의 기존 디렉토리를 컨테이너에 마운트 하는 방식. 스토리지 영역 마운트 컨테이너와 스토리지를 연결하는 것. 순서 스토리지 영역 생성 -> 컨테이너 생성 스토리지 영역 생성 방법 docker volume create '볼륨_이름' 삭제시 docker volume rm '볼륨_이름' 스토리지 마운트 커맨드 docker run (생략) -v 스토리지_실제_경로:컨테이너_마운트_경로 (생략..

개발공부/개발공부 2023. 7. 5. 23:01

하나의 서비스를 사용하기 위해서, 사용하려는 프로그램 외에도 런타임, 서버, 데이터 베이스 구성이 필요한 경우가 많다. 이중 많이 사용하는 조합은 LAMP 조합으로, 구성은 다음과 같다. LAMP 스택 => Linux, Apache, MySQL, PHP Apache 대신 Nginx, MySQL 대신 MariaDB, PostgreSQL와 같이 다른 조합을 사용하기도 한다. 하지만, 기본적으로 다음의 틀은 그대로 사용하게 된다. '리눅스' + '웹서버' + '프로그래밍 언어 런타임' + '데이터베이스' docker 컨테이너 생성시 참고할만한 공식 참조문서 https://docs.docker.com/reference/ Reference documentation docs.docker.com

개발공부/개발공부 2023. 6. 25. 23:15

[Docker 기본 컨테이너 생성~삭제 lifecycle 커맨드] 'containerName'라는 이름의 컨테이너 생성 후 실행하는 커맨드. 이미지를 내려받아 실행함. * 홑따옴표는 이해를 돕기위해 추가. 실제 커맨드 입력 시에는 입력하지 말 것. docker run --name 'containerName' -d httpd 실행 중인 프로세스확인 [존재하는 컨테이너 모두(실행 안된 것도 포함)] docker ps [-a] 컨테이너 중지 docker stop 'containerName' 컨테이너 삭제 docker rm 'containerName' [MySQL 컨테이너 생성] MySQL와 같은 경우, Apache, Nginx와 다르게 인자를 반드시 지정해야 한다. docker run --name 'mysql..

개발공부/개발공부 2023. 6. 25. 22:07

Builder Pattern자바 에서 객체를 생성하는 다양한 방식 중 최근 알게된 방식이다.좀더 이해하기 위해 찾아보며 작성함!객체를 여러 곳에서 재사용할 경우, 경우에 따라 생성되는 객체에서 사용할 파라미터가 다르다면기존의 방식으로는 새로운 생성자를 만들어야 했다.하지만 Builder패턴을 사용하면 더 이상 생성자를 여러 개 만드는 번거로움을 줄일 수 있다.예를 들어 다음과 같은 Person 클래스를 만드는 경우.@NoArgsConstructor@AllargsConstructor Public class Person { private String name; private String genter; private String ethnicity; private int age..

Programming/BackEnd 2023. 5. 7. 23:17

검색 키워드를 갖고 데이터에서 해당 키워드가 있는지 유무를 알기 위해 "indexOf"를 사용한다. 어떤 방식으로 검색이 이뤄질까? > indexOf는 원 데이터가 인자로 받은 값을 갖고 있을 경우 해당 인덱스를 반환한다. 인덱스 값인 정수는 참값에 해당하므로 참인 값을 토대로 필터링해 새로운 배열을 반환해 주는 "filter"메서드와 함께 사용 시 검색 키워드를 통해 필터링된 데이터 리스트를 반환받게 된다. - indexOf 심플 사용버전. let item = "hello my name is Amanda."; let search = "name"; if(item.indexOf(search) > -1) { console.log("this is true"); } > 실행 시 filter와 함께 사용 ver...

개발공부/개발공부 2023. 4. 23. 00:33

Repository를 통해 전달받는 값 Vo를 담은 List를, List로 변경하고 싶을 때 사용. List voList = new ArrayList(); List entityList; entityList = voList.stream().map(Vo::toEntity).collect(Collectors.toList()); - stream() : 기존 for, foreach를 통해 하나씩 요소를 꺼내 사용하던 방식을 람다로 변경한 것. - Vo::toEntity : Vo 객체의 toEntity 메서드를 사용하겠다는 의미. - map(Vo::toEntity) : Vo::toEntity로부터 반환받은 값을 다시 stream으로 반환. - collect(Collectors.toList()) : 스트림을 List..

Programming/BackEnd 2023. 4. 10. 15:49

코드 테스트 시 데이터 입출력이 있는 경우, 매번 코드 실행 시 기존 입력했던 데이터를 삭제시켜 줘야 하는 번거로움이 있다. => 데이터 베이스에 기존에 입력한 값이 남아 있는 경우 에러가 나기 때문. 스프링 부트에서는 이런 상황을 쉽게 해결하기 위해 @Transactional 어노테이션을 제공한다. 테스트 클래스에 @Transactional을 사용하면, 테스트 실행시 Transactional이 실행되고, 데이터 입력을 포함한 모든 동작을 실행 시킨 뒤, 테스트가 끝날때 모든 작업을 rollback 시킨다. 때문에, 데이터 베이스에 해당 작업들이 commit 된 상태가 아니므로 데이터 베이스를 매번 clear 시켜 줄 필요가 없음! ** 테스트 클래스가 아닐때 @Transactional 어노테이션은, 데..

Programming/BackEnd 2023. 3. 5. 00:02

Javascript 메서드로 암호화, 복호화를 해주는 Method들이다. btoa (Binary to ASCII) : Base64형태로 인코딩된 ASCII 문자열을 반환해주는 메서드. atob(ASCII to Binary) : Base64형태로 인코딩된 ASCII 문자열을 디코딩 해주는 메서드. URL을 통해 Query String을 넘겨주는 방식으로 값을 전달할 경우 사용할 수 있으며 서버간 통신 중 문제가 생길수 있는 데이터를 인코딩해 전달해주면, 디코딩을 통해 문제 없이 원래의 데이터를 전달 받을 수 있다는 장점이 있다. btoa 인코딩 예) let link = url + "?STUDENT_ID=" + btoa(StudentId); 위와 같은 형태로 사용할 수 있다. EncodeURIComponen..

개발공부/개발공부 2023. 2. 27. 13:27

자바에서는 JUnit이라는 프레임워크를 통해 테스트를 수행할 수 있다. 테스트는 test 디렉터리 안에서 생성하여 사용. 디렉토리 : main에 작성한 디렉토리와 통상적으로 동일하게 작성 테스트 파일명 : main에 작성한 현재 테스트하려는 파일명 + 'Test'라는 이름으로 파일 생성. 위와 같이 생성하는 것이 관례. 테스트 하려는 기능 이름으로 메소드를 만들고 위에 @Test어노테이션을 붙여준다. 다음과 같은 형식으로생성됨. class MemoryMemberRepositoryTest { MemberRepository repository = new MemoryMemberRepository(); @Test public void save(){ Member member = new Member(); membe..

Programming/BackEnd 2023. 2. 22. 23:06

웹 애플리케이션 계층 구조 Controller: 웹 MVC의 컨트롤러 역할 Service : 핵심 비즈니스 로직 구현 Repository : 데이터 베이스 접근, 도메인 객체를 DB에 저장하고 관리 Domain : 비즈니스 도메인 객체. Entity와 Repository Entity : 저장되는 객체의 각 값들의 정의를 담고 있음. 예) Student 라는 entity는 String name, int Id_number; 등을 갖고 있을 수 있다. Repository : 데이터 베이스에서 행할 작업들에 대해 input, output 값과 작업 명칭을 지정해 놓음. 예) StudentRepository에는 Student save(Student student)를 통해 Student 객체를 저장할 수 있음. 즉..

Programming/BackEnd 2023. 2. 20. 06:06

정적 컨텐츠 (Static) : 작성된 HTML 파일 형식 그대로를 사용자에게 보여주는 것. 웹브라우저가 요청을 보내면 내장 톰캣 서버는 1) 매핑명이 동일한 컨트롤러를 찾음 2) 컨트롤러가 없는 경우, Static 폴더에서 동일 명칭의 static html파일을 찾아서 보여준다. MVC : Model, View, Controller로 나누어 작성하는 것. html파일(view)과 비즈니스 로직이 담긴 컨트롤러를 나누어 Model을 통해 이 데이터를 전달받아 사용자에게 보여주는 방식. 관심사를 분리해야 한다는 말이 MVC패턴을 적용해야 한다는 의미. 웹브라우저가 요청을 보내면 내장 톰캣 서버가 1) 매핑명과 동일한 컨트롤러를 찾음. 2) 컨트롤러에 return값이 String일 경우 해당 명의 templ..

Programming/BackEnd 2023. 2. 19. 22:40