1. What I did

1. Chapter 3-1. 주특기 입문 주차

• 기간: 2022년 1월 21일 (금) @ 09:00 ~ 2022년 1월 27일 (목) 21:00
• 개인 과제 및 팀 과제 완료
• 개인 과제 도메인: http://ilikewinter.shop/
• 개인 과제 Github: https://github.com/nevergettingold/React-Personal-Assignment-1

  

• 팀 과제: https://www.notion.so/4c3f1acb761b4986966fb882d6f29652

2. Chapter 3-2. 주특기 숙련 주차

• 기간: 2022년 1월 28일 (금) @ 09:00 ~

• 개인 과제 완료 (추가 기능인 무한 스크롤 진행 예정)

• This week's Keywords

  • DOM (Document Object Model)

    • MDN
      • DOM (문서 객체 모델) 을 HTML, XML 문서의 프로그래밍 interface 이다.
      • 페이지 콘텐츠는 DOM에 저장되고 JS를 통해 접근하거나 조작할 수 있다 => API (web or XML page) = DOM + JS (scripting language)
    • 즉 DOM은 HTML 파일에 쓰여진 것이나 페이지의 'View Source' 를 통해 보여지는 것이 아니라, 개발자 도구 (Inspect) 를 통해 볼 수 있는 것들을 뜻한다.
    • DOM vs HTML
      • 자동 교정: 잘못된 HTML 코드를 DOM에서 바로잡아 준다.
    • DOM vs JS
      • JS는 브라우저가 읽고 어떤 작업을 할 수 있는 언어이며,
      • DOM은 그 작업이 이루어지는 장소이다.
      • 따라서, JS로 하는 것 = DOM의 API

  • 서버리스 (serverless)

    • 개발자가 서버를 관리할 필요 없이 애플리케이션을 빌드하고 실행할 수 있도록 하는 클라우드 네이티브 개발 모델
    • 서버가 존재하긴 하지만, 애플리케이션 개발에서와 달리 추상화되어 있고, 클라우드 제공업체가 서버 인프라에 대한 프로비저닝, 유지 관리, 스케일링 등의 일상적인 작업을 처리
    • 개발자는 배포를 위해 코드를 컨테이너에 패키징하기만 하면 됨
    • BaaS (Backend-as-a-Service)
      • 개발자에게 제 3사 서비스와 애플리케이션 엑세스 제공
      • 일반적으로 API 를 통해 호출
    • FaaS (Function-as-a-Service)
      • 개발자가 서버리스를 언급하는 경우 통상적으로 지칭되는 모델
      • BaaS와 달리 사전 작성된 서비스 라이브러리에 의존하지 않고 사용자 정의 애플리케이션을 생성하는 개발자에게 더 많은 제어 권한을 제공
      • 코드는 클라우드 제공업체가 관리하는 컨테이너에 배포
      • AWS의 AWS Lambda, Google Cloud의 여러 오퍼링, ...

(출처: https://www.redhat.com/ko/topics/cloud-native-apps/what-is-serverless)

2. How I felt

1. Chapter 3-1. 주특기 입문 주차

• 처음에는 정말 어렵다고만 느꼈었다. 저번 주 금요일과 토요일에 개인 과제를 하기 위한 강의를 모두 듣고 리액트를 조금 만져보고 월요일에 시작했는데, 오전에는 정말 뭐가 뭔지 몰랐다. 심지어 강의 내용을 시작으로 시작한 게 아니라, 과제 추가 기능 중 하나였던 '오늘 날짜부터 시작하기' 로 시작을 해서 나는 엄청난 구글링부터 시작을 했다. 그래서 결과적으로 정말 긴~ 코드를 작성했지만 구현은 잘 됐다. 월요일~일요일까지의 별점을 줄 수 있는 7개의 component와 메인페이지에서 한 주의 날짜, 별점, 삼각형을 보여주는 1개의 component, 잘못된 경로로 들어왔을 때 보여주는 1개의 component, 총 9개의 component를 만들었다. 월요일 밤에 기능 구현을 다 끝내고 화요일에 css를 만졌던 것으로 기억이 난다. 팀원들과 코드 리뷰를 하며 내 코드가 확실히 길다는 것을 느꼈지만, 그것은 내가 강의 내용으로 시작을 안해서이기 때문에 납득이 가능했다. 하지만 강의 내용 중 React Hook 의 사용은 중요하기 때문에 내 코드를 다시 수정해볼 생각이지만 아직 실천하지는 못했다. 실천하고 나서 정리해야지. (제발)

2. Chapter 3-2. 주특기 숙련 주차

• 금요일에 과제를 받고 새벽에 삘이 와서 3시 반 넘어서까지 하고 다 끝냈다. 개인 과제에서 요구하는 기능들 말고 다른 기능들까지 구현시켰고 CSS도 좀 만져놨고 무한 스크롤 기능만 내일 추가해볼 생각인데 쉽지 않을 것 같다. 이번에는 Redux 라는 상태 관리 라이브러리를 사용했다. 아니 사용해야만 했다. 강의 내용을 들으며 이해하는데 생각보다 이해가 잘되서 다행히 첫 주 과제를 시작했던 그 느낌으로 시작하지는 않았다. 이제는 첫 주보다는 속도도 붙어서 조금 더 빨리 구현시키는 것이 가능한 것 같다. 이 과제는 다음 주에 제대로 정리해볼 생각이다. (제발)