시행착오와 배움을 기록하는 공간

(백엔드개발자가 도전하는)한입 크기로 잘라 먹는 리액트(React.js) - 자바스크립트 응용 지난번 수업에 이어 작성하는 두번째 글이다. 다시 한번 소개를 하고자 한다. 인프런에서 접하게 된 강의 한입 크기로 잘라 먹는 리액트. 리액트를 시작해보고 싶었고 자바스크립트 기본기도 빠르게 다지고 가면 좋겠다는 생각을 늘 갖고있다가 만나게 된 강의이다. 군더더기 없는 깔끔한 설명과 스피드한 진행으로 매우 만족중이다. - 유데미 강의 https://www.udemy.com/course/winterlood-react-basic/ - 인프런 강의 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한..

(백엔드개발자가 도전하는) 한입 크기로 잘라 먹는 리액트(React.js) - 자바스크립트 기본 인프런에서 접하게 된 강의 한입 크기로 잘라 먹는 리액트. 리액트를 시작해보고 싶었고 자바스크립트 기본기도 빠르게 다지고 가면 좋겠다는 생각을 늘 갖고있다가 만나게 된 강의이다. 수업 스타일이 굉장히 마음에 들었다. 군더더기 없는 깔끔한 설명과 스피드한 진행으로 수업을 착착 진행해가시는 Winterlood 님 이시다. - 유데미 강의 https://www.udemy.com/course/winterlood-react-basic/ 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요...

Prettier를 설치하고 VSCode 설정에서 Format on Save도 작동하도록 체크를 해줬는데 저장을 하면 Prettier가 동작하지 않을 때가 있다. 그 이유는 간단한데 VSCode에 Default Formatter로 Prettier가 설정되어 있지 않기 때문이다. VSCode 설정창에 들어간다. 맥 단축기 command + , 그리고 검색창에 default formatter 로 검색한다. 처음에는 Default Formatter 에 None 으로 지정되어있는데 이 부분을 우리가 다운로드 한 Prettier - Code formatter 로 변경해주면 예쁘게 저장되는것을 확인 할 수 있다.

[ 저처럼 homebrew로 바로 node 부터 설치하지 마시고 아래 nvm 설치부터 하세요 ] 자바스크립트를 공부하고 Node.js 를 배우려고 하니 node 설치가 필요했다. 나는 homebrew 가 설치되어있어서 바로 설치하면 되겠거니 하고 터미널에 아래 명령어를 입력하고 node를 설치했다. 혹시 homebrew 설치가 되어있지 않다면 homebrew 설치를 먼저 하자 https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 설치 후 node 를 설치하는데.... brew install node 이런 진행과정을 거쳐 node 설치가 완료된다. 제대로 설치되었는지 확인하려면 아래 명령어 입력 ..

[Gradle] implementation & compile 의 차이점 https://compogetters.tistory.com/64 Gradle Compile과 implementation의 차이점 Intelli J IDE에서 Spring boot + Gradle로 된 샘플 프로젝트로 Gradle에 관련된 프로젝트를 받았다. 기존에는 이클립스 + Maven으로 사용했는데, 사정 상 기존 조합을 버리고 Intelli J + Gradle로 개발 환경을 변 compogetters.tistory.com https://kotlinworld.com/317 [Gradle] implementation과 api, compile의 차이는 무엇인가? implementation과 api, compile build.gradl..

스프링부트로 내장서버를 이용하려다 만난 에러이다. 스프링부트(Spring Boot)에는 톰캣이 내장되어 있어, 애플리케이션을 빌드하고 실행하는 것만으도로도 웹 애플리케이션을 서비스 할 수 있다. 톰캣을 따로 설치할 필요 없이 애플리케이션을 바로 실행할 수 있다는 것을 의미한다. 필요시 프로그램에서 코드로 톰캣을 사용할 수 있도록 도와주는 클래스가 있는데 바로 TomcatServletWebServerFactory() 라는 메서드이다. 그리고, 스프링 부트는 톰캣 외에 제티나 언더투어등 다른 서블릿 컨테이너도 지원해며 이를 사용할 수 있도록 ServletWebServerFactory로 추상화를 해놓았다. ServletWebServerFactory를 구현한 클래스는 getWebServer()를 지원해야 하는데..

스프링 빈은 기본적으로 싱글톤 스코프로 생성이 된다. 스프링 컨테이너의 시작과 함께 생성되어서 스프링 컨테이너가 종료될 때 까지 유지된다. 스코프는 번역 그대로 빈이 존재할 수 있는 범위를 뜻한다. 싱글톤 기본 스코프, 스프링 컨테이너의 시작과 종료까지 유지되는 가장 넓은 범위의 스코프이다. 프로토타입 스프링 컨테이너는 프로토타입 빈의 생성과 의존관계 주입까지만 관여하고 더는 관리하지 않는 매우 짧은 범위의 스코프이다. 웹 관련 스코프 request : 웹 요청이 들어오고 나갈때 까지 유지되는 스코프 session : 웹 세션이 생성되고 종료될 때 까지 유지되는 스코프 application : 웹의 서블릿 컨텍스트와 같은 범위로 유지되는 스코프 프로토타입 스코프 싱글톤 스코프의 빈을 조회하면 스프링 컨테..

스프링 빈은 간단하게 다음과 같은 라이프사이클을 가진다. 객체생성 -> 의존관계 주입 객체를 다 생성해 놓아야 의존관계 주입을 할 수 있다. 생성자주입의 경우 예외이다. 스프링 빈은 객체를 생성하고, 의존관계 주입이 다 끝난 다음에야 필요한 데이터를 사용할 수 있는 준비가 완료된다. 초기화 라는 작업은 객체를 생성하는 작업이 아닌, 객체안에 필요한 값이 다 연결이 된 후를 이야기한다. 따라서 초기화 작업은 의존관계 주입이 모두 완료되고 난 다음에 호출해야 한다. 그런데 의존관계 주입이 모두 완료된 시점을 어떻게 알 수 있을까? 스프링은 의존관계 주입이 완료되면 스프링 빈에게 콜백 메서드를 통해서 초기화 시점을 알려주는 다양한 기능을 제공한다. 또한 스프링은 스프링 컨테이너가 종료되기 직전에 소멸콜백을 준..