😇12/05 내배캠 React 26일차

🐜 오늘 할 일

• 자바스크립트 강의 듣기
• ES6 특강
• 알고리즘 문제풀기
• 리액트 강의

---

📆 계획표

시간	내용	결과
8:00 ~ 9:00	알고리즘 문제풀이	⛈
9:00 ~ 12:00	자바스크립트 공부 / WIL 작성
12:00 ~ 13:00	ES6 특강
14:00 ~ 19:00	리액트 강의
19:00 ~ 22:00	자바스크립트 공부 및 복습

---

👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾

Javascript 심화

 

[ copyObject( ) ]

: for문을 돌리면서 변수값을 하나하나씩 복사하는 방법 → 똑같은 주소값을 가져오는 것이 아닌, 복사를 하여 완전히 새로운 데이터 주소값을 가져온다(대신 1depth(얕은복사)를 사용한다.)

 

[ 얕은 복사 / 깊은 복사 ]

- 얕은 복사 : 바로 아래 단계의 값(1 depth)만 복사 -> 문제점 : 중첩된 객체의 경우 참조형 데이터가 저장된 속성property를 복사할 때, 주소값만 복사한다.

- 깊은 복사 : 내부의 모든 값들을 하나하나 다 찾아서 모두 복사한다 

 

React 강의

 

[ camelcase / snakecase ? ] : 코딩할때 필요한 단어 표기법

 

camelcase

: 단어를 표기할 때 첫 문자는 소문자로 시작하며 띄어쓰기 대신 ( 대문자 ) 로 단어를 구분 / Java의 변수를 선언할 때 camelCase로 선언한다.

ex) phoneNumber, createdAt, updatedAt

 

snakecase

: 단어를 표기할 때 모두 소문자로 표기하며, 띄어쓰기 대신 ( _ ) 로 표기 / DB 컬럼에 사용

ex) phone_number, created_at, updated_at

 

후발대 수업

객체(배열)에는 속성과, 메서드가 있다.

속성은 눈코입 메서드는 행동

forEach도 결국, array의 메서드다!

 

forEach

화살표 함수 : function( ) {} 를  ( ) => { }로 줄일 수 있다.

map

filter

3항 연산자

reduce

 

Json 방식으로 통신을 해보자고 약속 ( 유일한 통신방법은 아니다..xml,excel...등 )

javascript가 해석을 쉽게 하는 방식이 object(key,value,method,property)와 array이다.

 

Json을 이해,활용하는 것이 중요하다.

fetch('url') ; -> json형식의 url 데이터를 불러온다

 

객체에는 속성과 메서드가 있다

우리가 지금부터 다류려고 하는 객체는 promise의 형태를 가진 객체이다

이해하기 어려우면 그냥 promise 객체라고 이해하고

Promise 객체는 비동기 통신을 위한 객체라고 보면됨

그래서 통신 이후 일어날 일들에 대한 ''''메서드''''를 가지고 있다

통신이 성공했을 때 -> then

통신이 실패했을 때 -> catch