📗 『JAVA 언어로 배우는 디자인 패턴 : 쉽게 배우는 GoF의 23가지 디자인 패턴』를 읽고 정리한 글입니다. Iterator 패턴이란? // 반복문 for (int i = 0; i < arr.length; i++) { System.out.println(arr[i]); } // 요소 arr[0] arr[1] arr[2] // ... ...

📗 『JAVA 언어로 배우는 디자인 패턴 : 쉽게 배우는 GoF의 23가지 디자인 패턴』를 읽고 정리한 글입니다. 체크 포인트 ✅ 디자인 패턴이 라이브러리는 아니다. 라이브러리 안에서 Design-Pattern이 사용되는 것이다. Design-Pattern을 이해하고 있다면 처음 보는 라이브러리더라도 역할을 이해하는 데 도움이 된다. ...

📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. State란? React의 생애주기를 이해하기 위해서는 State에 대해서 알아야 한다. State는 React Component의 변경 가능한 데이터이며, State가 변경되면 Component가 다시 렌더링 된다. 그렇기 때문에 State를 정의할 때는 꼭 렌더링이나 데이터 ...

📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. Component란? Component는 props를 통해 속성을 입력하여 React Element를 출력하는 Javascript 함수로, 애플리케이션을 구성하는 재사용 가능한 부품이라고 할 수 있다. 하나의 Component는 여러 개의 Component로 구성할 수 있다. C...

📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. Element란? Chrome 개발자 도구를 통해 확인할 수 있는 Elements는 DOM Element를 의미한다. DOM Element란 브라우저에서 실제로 렌더링 된 HTML 요소이다.  React Element는 화면에 나타나는 내용을 기술한 Javascript 객체를 일...

📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. JSX란? const element = <h1>Hello, world! {name}</h1>; JSX는 자바스크립트를 확장한 문법으로, JavaScript eXtension을 의미한다. 상기 코드와 같이 자바스크립트와 XML, HTML을 합친 것이라고 보면 된...

📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. React프로그래밍을 위한 사전 준비 사항 Node.js Visual Studio Code Node.js를 설치하는 이유 ✅ Javascript 실행 환경 React는 Javascript 기반의 라이브러리이다. Javascript 엔진은 브라우저에 기본적으로 내장되어 있...

📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. React란? 대표적인 자바스크립트 UI 라이브러리로, 사용자와 서버 사이에서 상호 작용을 도와준다. React는 프레임워크가 아닌 라이브러리이므로 흐름의 제어 권한이 React가 아닌 사용자에게 있다. SPA 기반의 React는 하나의 페이지만 존재하며, 사용자가 특정 페이지를...

UML이란? Unified Modeling Language의 약어로, 시스템을 시각화하여 문서화하기 위한 표현 방법이다. 왜 UML을 작성해야 할까? 최근 자바 디자인 패턴과 리팩토링 관련 책을 읽었는데, 모두 UML을 통해서 개념을 설명해 주었다. 물론 친절하게도 책의 첫 장에서 UML의 기초적인 부분을 다뤄서 책을 읽는 데는 문제가 ...

왜 Docker를 도입했는가? 가령 백엔드, 프론트 개발자가 협업을 하고 있다고 하자. 개발자 입장에서 협업을 위해 동료 개발자의 PC에 JDK, IDE, DB 등을 직접 설치해야 한다면 얼마나 번거로운가. 단순히 버전을 맞추는 것만 해도 번거롭고 귀찮은 업무가 되어 버린다. 그냥 개발 환경 자체를 전달할 수만 있다면 정말 편하지 않을까? 이때...