250321, 주간 회고 #2

 

3/15(토)~3/21(금)

 

자바스크립트

• [따라하며 배우는 자바스크립트 A-Z] 완강(3/12~3/18)
  학습하면서 잘 이해가 안 가고 어려운 내용은 GPT의 도움을 받기도 했다. 학습 내용은 중간 중간 기록해 두었다.
• To Do App, Spread Sheet App 과제를 완성했다.
  최대한 혼자 먼저 작성해보려 노력했다. 하다가 정 안 풀리면 강의를 보고 힌트를 얻었다. 오래 걸리긴 했지만 JS 문법과 개념을 이해하는데 도움이 된 것 같다.

2025.03.18 - [JavaScript] - [JavaScript, HTML, CSS] Spread Sheet 앱 만들기

• [함수형 프로그래밍과 JS ES6 + 응용편] 강의가 남았다. 너무 어려운데, 코드가 확 업그레이드 된 느낌이 들어서 꼭 마스터 하고 싶다.
  이 강의도 너무 많아서 다른 강의들이랑 병행해야 할 것 같다.

타입스크립트

• 타입스크립트의 도입 배경, 특징 등을 배우고, 개발 환경을 구성했다.
• TS 설치: npm install -g typescript
  TS 설치가 자꾸 안돼서 npm 버전 업데이트를 하고, sudo 로 설치했다. 

• tsconfig.json 파일을 설정했고 컴파일을 수행했다. 감시 모드 tsc -w
• 타입에 대해 배우고 사용해 보았다. 

리액트

• 리액트 라이브러리에 대해 배우고 개발 환경을 구성했다.
• 리액트 설치: npx create-reate-app {folder name}
  역시나 설치가 바로 안돼서 sudo로.. 

• 설치는 완료했는데, 그 다음엔 ERROR in [eslint] EACCES: permission denied 에러가 났다. 구글링 해 아래 방법으로 해결했다.
  출처 : https://velog.io/@yongb2n/React-ERROR-in-eslint-EACCES-permission-denied

whoami  // 현재 Username 확인
sudo chown -R {username}  // 현재 디렉토리, 하위 디렉토리 모든 파일 소유자 {Username}으로 설정

• 리액트 앱 실행 : npm run start

 

 

알고리즘

• 기초 수학, 기초 구현, 기초 시뮬레이션 문제를 풀었다. 문제를 푸는 건 재미있다(?). 이틀은 이것만 한 것 같다.
• 배열을 다루는 기술을 특히 많이 배웠다. 그만큼 많이 부딪혔단 이야기.
• 3/20(목): 시간 복잡도 O(N)에 대한 내용과 중요성을 배웠다. 동시에 최적화의 중요성을 알게 되었다.
  실제 문제에 적용해보려 했는데 너무 어려웠다. 몇 시간 동안 혼자서 고민해보다가, 챗지피티한테도 물어봤다가 해설지를 봤는데도 잘 모르겠다.
• 정렬과 재귀에 대해 배웠다.

HTML/CSS

• 넷플릭스 화면 만들기 과제를 완료했다. 깃헙
• flex, grid, 반응형 기술을 중심으로 수행했다. 반응형 분기점과 media query문의 순서를 고려할 때 어려움이 있었다. 

참고

• hero 섹션에 background 이미지를 넣었는데 이 이미지를 다루기가 어려웠다.