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...

학습 내용 추상화 (Abstraction) 캡슐화 (Encapsulation) Singleton Pattern 추상화 (Abstraction) 추상화란 무엇인가. 풀어서 이야기하면 어떤 대상을 추상적으로 만든다는 것이다. 그러면 대상을 추상적으로 만든다는 것은 무엇인가. 대상의 필요한 부분만 드러내는 것이다. 우리가 사용하는 전자기...

학습 내용 상속 (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...