📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. 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 등을 직접 설치해야 한다면 얼마나 번거로운가. 단순히 버전을 맞추는 것만 해도 번거롭고 귀찮은 업무가 되어 버린다. 그냥 개발 환경 자체를 전달할 수만 있다면 정말 편하지 않을까? 이때...