개발 공부(17)
-
[Spring] Spring-context.xml 정리
Application Context spring 프레임워크에서 제공하는 핵심 기능 중 하나 Spring IoC 컨테이너로서 Spring 애플리케이션에서 객체의 생성, 구성 및 관리 담당 용어 정리 IoC (Inversion of Control) 제어의 역전 소프트웨어 디자인 패턴 중 하나 누구에게 주도권이 있는지가 핵심 개념 제어반전이 적용된 구조는 외부 라이브러리가 프로그래머가 작성한 코드를 돌아게하는 것 즉, 제어권이 반전됨 프레임워크와 라이브러리 사용차이 프레임워크에 등록되어있는 요소들을 가져다 씀 라이브러리는 필요한 구성요소를 가져옴 장점 미리 정해진 협약대로만 동작하게 됨 모듈을 바꾸어도 다른 시스템에 부작용을 일으키지 않음 DI (Dependency Injection) 프로그래밍에서 구성요소간..
2023.07.13 -
[Java] Spring properties 환경 변수 적용
- 변경해야 할 부분 환경별 properties 구분 (폴더 구조) spring-context.xml spring-datasource.xml server 탭 > tomcat 더블 클릭 폴더 구조 아래와 같이 환경별 생성 local:로컬, dev: 개발,prod: 운영 이제 아래 폴더명으로 구성된 properties는 환경별로 세팅할 수 있도록 구성 완료 Server (tomcat) 설정 - spring server 탭 > tomcat 더블 클릭 General Information > Open launch configureation > Arguments 탭 클릭 VM arguments에 -Dspring.profiles.active=local 추가 후 Apply 현재는 로컬환경이니까 local로 기본해놓고,..
2023.07.12 -
[React] React-Hook-Form 개념편
📝 들어가기 전 Form은 웹 사이트나 어플리케이션에서 개발해 본 경험이 있다면 필수로 다뤄봤을 부분이다. 로그인, 회원가입, 게시글을 등록하거나 등등 많은 부분에서 form을 쉽게 접할 수 있기 때문이다. react를 사용한 여러 프로젝트에서 매번 controlled component를 사용하여 Form을 개발했다. React에서는 state로 관리하면 실시간으로 사용자가 입력한 값을 확인할 수 있는 등의 이유로 추천하고 있기 때문이다. contolled component로 Form을 개발한다면, 아래와 같이 input의 값을 관리하기 위해 state 변수들을 만들 것이다. 그리고 각각 onChange 이벤트들을 추가하고, 우리는 input을 업데이트할 때마다 state가 함께 update되며 값을 c..
2023.07.05 -
[Ubuntu] 에러 node: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.28' not found (required by node)
개발환경 Ubuntu: 18.04.6 LTS nvm: 0.39.2 npm: v8.3.1 node: v18.16.0 문제상황 aws ec2서버에 node 설치 후 pm2 설치하려는데 에러남 nvm사용해서 node 18.16.0으로 버전 설치했는데, node 버전이나 npm 버전을 체크하면 자꾸 아래와 같은 에러가 났다. 에러 node: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.28' not found (required by node) 해결 - ubuntu 18.04.6 에서는 node v18^버전을 사용하면 위 에러가 발생한다. 1. ubuntu 버전을 다운 혹은 업하거나 2. node버전을 다운하거나 최신 버전으로 올려야하는데, - 나는 node 버전을 v..
2023.07.04 -
[TypeScript] setState props로 넘길 때 타입 지정하기
interface ILibrary { book:string setBook: React.Dispatch } 해결 방법: - React.Dispatch 와 같이 명시해주면 된다!
2023.07.03 -
[React] 에러 img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.
👉 build 시 아래와 같이 es-lint warnig이 떴다. 👉이유: 변경 전 변경 후 아래와 같이 alt 속성을 추가해줬고, 해당 이미지가 안보일 시 보여지는 문구를 작성해주면 해결
2023.07.03