Prerequisites Follow the instructions in the Jekyll Docs to complete the installation of the basic environment. Git also needs to be installed. Installation Creating a New Site There are two wa...

학습 내용 상속 (Inheritance) 다형성 (Polymorphism) 객체지향 프로그래밍 객체지향 프로그래밍이 무엇인지 설명하라고 하면 뭐라고 말할 수 있을까. 객체를 지향하는 프로그래밍이라고 설명한다면 이름을 그대로 읽은 것과 다르지 않다. 객체가 무엇인지 이해해야 할 것이다. 클린코드(Clean Code)에서는 객체와 자료구조...

학습 내용 Java 기본 문법 Loop Label GuessGame 만들기 Loop Label for (int i = 0; i < 10; i++) { for (int j = 0; j < 10; j++) { ... break; } } 위와 같이 중첩된 반복문이 있는 경우를 생각해보자. 만약 안쪽 for문에서 ...

학습 내용 Java 기본 문법 객체지향 프로그래밍 Lombok Java 기본 문법 및 객체지향 프로그래밍 Java를 자신이 있다. 마인크래프트 모드 만든다고 많이 사용했기 때문이다. 기억에 남는 부분은 String 자료형을 비교할 때 == 연산자가 아니라 equals() 메소드를 사용해야 한다는 것이다. // Case 1 Str...

학습 내용 Context API 카카오맵 토이프로젝트 Context API Context API에 대해서 잘못 이해하고 있었다. export const MyContext = createContext({ name = "", age = 0, }); const ParentComponent = () => { const [nam...

학습 내용 블로그 토이프로젝트 Context API 블로그 토이프로젝트 댓글을 수정하는 기능을 추가했다. 말로는 간단한데, 생각보다는 어려웠다. 부모로에서 자식으로 한 방향으로만 자료가 전달된다는 것을 배웠다. 이해하기 쉬운 코드를 작성하고 있는지 의문이 드는 부분이 있었다. const ParentComponent = () =>...

학습 내용 Local Storage vs Session Storage 블로그 토이프로젝트 Local Storage vs Session Storage Local Storage는 웹브라우저를 종료했다가 다시 실행해도 보존되는 데이터이다. 반면 Session Storage는 탭이나 창이 닫히면 소실되는 데이터이다. 강사님이 두 저장소의 차이...

학습 내용 React Router 블로그 토이프로젝트 React Router react-router-dom 패키지를 설치해야 했다. npm install react-router-dom 간략하게 아래와 같은 방식으로 만들 수 있다. export const MyPage = () => { return ( <Browse...

학습 내용 React State React Hook 클래스 컴포넌트 Java와 객체지향 프로그래밍에 익숙하다보니 컴포넌트도 클래스와 비슷할 것이라고 생각했다. 실제로 클래스 컴포넌트라는 것이 있지만 함수 컴포넌트를 사용하는 것을 권장한다. React State export const MyComponent = () => { c...

학습 내용 JavaScript 문법 React 개요 및 실습 JavaScript 문법 구조분해, Optional Chaining, 널 병합 연산자, Spread Operator 등을 배웠다. Java, Kotlin 그리고 Python에서 봤던 것이라서 익숙하지만 적극적으로 사용해본 적은 없어서 이번 기회에 다시 배울 수 있었다. Op...