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

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

학습 내용 switch, map, filter 사용법 fetch와 axios 를 이용한 비동기통신 switch, map, filter 사용법 map과 filter 같은 고차함수 (Higher-order Function) 사용법을 배웠다. 자바와 파이썬에서도 자주 사용했기 때문에 익숙했다. 어떤 배열이나 리스트를 순회할 때 for 문을 ...

학습 내용 자바스크립트 기본 문법 자바스크립트로 HTML을 동적으로 수정하기 타입스크립트를 자바스크립트로 변환하는 방법 자바스크립트 기본 문법 기술면접을 볼 때 받았던 질문들이 기억났다. 자바스크립트를 기초부터 배우지는 않았기 때문에 기본적인 개념들을 잘 모르고 있었다. 이번 기회에 애매하게 알고 있던 것들이 무엇인지 짚어내고 개념...