Homile

📌 JavaScript의 심화 부분인 만큼 어려운 부분을 배웠던 한주였고 마음이 맞는 페어도 만난것 같아서 좋았던 일주일 이었다.

📗 일주일간 학습한 내용

• 기술면접 준비
• 고차함수
• 콜백함수
• 객체지향
  • 클래스와 인스턴스
  • 프로토타입
  • 프로토타입 체인
• 동기
• 비동기
  • promise
  • resolve, reject
  • then
  • catch
  • finally
  • 상태: 대기, 이행, 거부

📘 다음주간 공부할 내용

JavaScript

• 비동기
• node.js
  • fs모듈
• fetch API

React

• component
• SPA
• props
• state

📝 일주일 간 느낀 점 & 마음 가짐

• 일주일간 힘들었지만 재미있기에 여기까지 오게되었다고 생각한다.
• 앞으로도 의지를 잃지 않고 해보도록 하자!

📌 맥북을 구매하고 내일 배송이 오는 날이라 두근두근 했다!! 페어분께서 애플 스토어에 가셔서 보내주신 사진과 팁을 주셔서 너무너무 좋았다!! 맥북프로 2015 13인치 백라이트가 마지막으로 나오는 버전을 사용했는데 리액트를 돌리기 시작하니까 버벅거리기 시작해서 너무 불편해서 고민하면서 찾아보다가 결국 맥북에어 m1 16기가를 구매를 했다 내일 오는데 세팅은 언제하지?....라는 생각이 들었다.

📗 오늘 학습한 내용

JavaScript

• 동기
• 비동기
• callback
• promise
• async/await
• github
  • sshkey
• 코드스테이츠 강의 전 세팅 다시해보기

React

• props
  • 컴포넌트의 속성
  • 읽기 전용 데이터
• stats
  • 사용자가 알아서는 안되는 컴포넌트를 내부적으로 사용하는 것(은닉)
• SPA(single Page Application)
  • 새로운 페이지를 불러오지 않고 필요한 데이터만 받아 그 데이터를 기준으로 현재의 페이지를 업데이트한다.

리액튼는 생활코딩을 통해 기초적은 부분을 배웠고 노마드 코더의 영화 웹 클론을 보면서 재미있게 진행하고 있다. 다소 어려운 부분이 있긴하지만 사람은 적응의 동물이라는 것을 생각하며 적응해 나가고 있다고 생각이 든다.

📘 추가로 공부할 내용

JavaScript

• fetch API
• Node.js
  • fs모듈
• 노마드 코더 React 영화 웹 클론

📝 오늘 느낀점 & 마음 가짐

• 리액트는 사용자에게 편의성을 가져다 주려는 의도가 상당하지만 코드 자체는 조금 어렵게 꼬여있는 느낌이었다.
• 하지만, 재미있으니 그걸로 만족하면서 공부하게 된다.
• 요즘은 게임보다 코드를 작성하는 것이 재미있다.

📌 비동기를 처음 들어가는 날이다.. 비동기가 어려운 부분이라고 알고 있는 만큼 더욱 열심히 해야겠다!

📗 오늘 학습한 내용

JavaScript

• 동기
  • 일이 순차적으로 실행되며 어떤 작업이 수행중이라면 다음 작업은 대기하게 된다.
• 비동기
  • 데이터를 가져오는 데 까지 대기하는 시간을 없애기 위해서 사용한다.
  • setTimeout 
• callback
  • 함수에 매개변수로 전달된 함수이다.
• promise
  • 콜백과 하는 일은 같지만 콜백지옥을 해결하기 위해 코드를 조금 더 간결하게 작성하기 위해 나옴.
  • resolve: 결과 값 출력
  • reject: 에러 결과 출력
• promise 메서드 
  • then: 정상적으로 실행될 경우 값 출력
  • catch: 에러가 발생할 경우 출력
  • finally: 성공 유무에 상관없이 마지막 값 출력
• promise 상태
  • 대기(Pending): 실행하지도 거부하지도 않으 초기의 상태
  • 이행(Fulfilled): 연산이 성공적으로 완료됨
  • 거부(Rejected): 연산이 실패할 경우
• async/await
  
  • promise를 간결하고 간편하게 동기적으로 실행되는 것처럼 보이도록 해주는 것이다.

📘 추가로 공부할 내용

JavaScript

• setTimeout
• node.js
  • fs(file system) 모듈
• fetch API

📝 오늘 느낀점 & 마음 가짐

• 비동기는 어렵지만 이해하기 시작하면 효율적으로 코드를 작성 할 수 있다는 것을 알았다.

📌 프로토타입의 구조에 대해서 조금 더 자세히 알게 되었고, 

📗 오늘 학습한 내용

JavaScript

• 프로토타입 체인
  
  • 부모 역할을 하는 프로토타입 객체에 접근 할 수 있다.
  • 객체의 값이 존재 하지 않는다면 부모의 프로토타입 객체를 차례로 검색한다.
  • 객체에 없는 값이나 메서드를 접근할 때 프로토타입 체인이 발생한다.
  • 모든 프로토타입 객체의 종점은 Object.prototype이다.
  • . prototype: 해당 객체의 프로토타입 객체에 접근할 수 있다.
  • __proto__: 해당 객체의 부모 객체를 순차적으로 검색 할 수 있다.

전 날 프로토타입에 대해선 학습했지만 체인이라는 말이 들어가니 이어준다는 뜻 같았다. 조금 학습한 내용이 맞다면 모든 객체의 최상위 프로토타입 객체는 Object이고, __proto__를 통해 해당 객체의 부모 객체를 순차적으로 검색할 수 있다는 것을 알게 되어 신기한 부분이었던 것 같다.

📘 추가로 공부할 내용

JavaScript

• 비동기
• fetch API
• Node.js

📝 오늘 느낀점 & 마음 가짐

• 프로토타입 체인에 공부하면서 상위 객체로 검색하는 방법에 알게 되어 좋았다.
• 페어분과 이런 저런 얘기를 많이 나누다 보니 재미있게 페어프로그래밍을 마칠 수 있었다.
• 클래스를 오랜만에 사용하다 보니 조금 이상했지만 쉽게 해결할 수 있었다.

📌 우리가 사용하고 있는 JavaScript는 객체지향 언어인데 이것의 뜻과 사용법에 대해 자세히 학습하는 시간이 되어 좋았다!!

📗 오늘 학습한 내용

JavaScript

• 객체지향
• 클래스와 인스턴스
  • 클래스: 객체를 생성하기 위해 변수와 메서드를 정의하는 일종의 틀
  • 인스턴스: 각각의 고유한 속성과 메서드를 갖는 것
• new키워드와 생성자 함수
• 객체지향 프로그래밍
  • 하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴
  • 객체로 그룹화 시킨다.
  • 장점: 생산성 향상, 유지보수의 우수성, 재사용성
  • 단점: 개발, 실행 속도 저하, 코드 작성 난이도 상승
  • 4가지 주요 개념: 캡슐화, 추상화, 상속, 다형성
• 프로토타입
  • 모든 객체들이 메서드와 속성들을 상속 받기 위한 템플릿이며, 객체를 확장하고 객체지향적인 프로그래밍을 할수 있게 도와준다.

JavaScript의 기본적인 유래를 알아가고 조금 더 심화적인 프로토타입, 클래스, 상속 등에 대해 알게되는 날이었다. 주로 학습한 내용을 블로깅 하다보니 내가 이해하기 조금 쉬웠던 것 같다.

📘 추가로 공부할 내용

JavaScript

• 프로토타입 체인
• 클래스 사용방법
  • extends
  • super()

📝 오늘 느낀점 & 마음 가짐

• Java를 사용했을 때 상속을 많이 사용했던 기억이 있어서 조금은 이해하는데 쉬운 날이었다.

📌 오늘은 고차함수에 대해서 학습하는 날이었다. 고차함수에서 자주 쓰이는 메서드인 filter, reduce, map에 대해서 직접 사용해서 문제를 풀어보는 것을 했는데 아직 메서드를 사용하는데 익숙하지 않았던 것 같다. 조금 더 익숙해져보자!

📗 오늘 학습한 내용

JavaScript

• 고차함수
  • 함수를 전달인자로 받을 수 있고, 함수를 리턴할 수 있는 함수
• 일급객체
  • 변수에 할당 할 수 있다.
  • 다른 함수의 전달인자로 전달될 수 있다.
  • 다른 함수의 결과로서 리턴 될 수 있다. 
• 콜백함수
  • 함수의 전달인자로 전달되는 함수
• 메서드
  • filter
  • map
  • reduce
  • flat
  • flatmap
  • concat

고차함수가 어렵다는 것은 익히들어 알고 있었다. 하지만 메서드를 조금만 잘 쓰거나 문제를 해결할 때 한문장씩 끊어서 풀다보니 코드는 길어졌지만 해결은 했다. 완성된 코드를 가지고 리펙토링하여 효율적인 코드로 변화하는 것을 해보아야 겠다.

📘 추가로 공부할 내용

JavaScript

• 객체 지향
• 클래스와 인스턴스
• 프로토타입

React

• SPA

리액트를 나가기전에 잠시 쉬어가는 주가 되는 것 같았으나, 그게 아닌 멀리가기위한 발판을 밟고 있다는 것을 느끼게 해주는 학습 내용들이다.

📝 오늘 느낀점 & 마음 가짐

• 아직 메서드를 완벽하게 사용하지 못하는 것 같다 조금 더 파보자!