Til10 [TIL-016] React Lv2과제 모범 답안과 비교 / 숙련 주차 시험 Today목표 : 4/27일 Lv2과제 모범답안과 비교 ❗todo-list 모범답안과 내 코드 비교하기 1. working zone / done zone filtering 코드 내코드 {done === true && todos .filter((todo) => todo.isDone) .map((todo) => { return ; })} {done === false && todos .filter((todo) => !todo.isDone) .map((todo) => { return ; })} 모범 답안 todos.filter((item) => { return area == 'workingZoen' ? item.isDone == false : item.isDone == true }).map((item) => {.. 2023. 4. 27. [TIL-013] REST API란 무엇인가? Today목표 : 4/24일 REST API란 무엇인가 REST API, RESTful 하다?✅ REST API란 무엇인가? 항상 채용 사이트에 들어가보면 개발자 채용 공고에서 볼 수 있었던 단어가 REST API사용, RESTful API... RESTful하게 개발하는 것을 지향하는 등 의 말들을 자주 볼 수 있었다. 오늘은 REST가 무엇인지, RESTful하다는게 무엇인지 공부했다. 1. REST API URI를 통해 정보의 자원을(only 자원만을) 표현하고, 자원의 행위는 HTTP Method로 명시한다. RE : Representational / S : State / T :Transfer의 약자 => '상태 이동을 표현/나타낸다' => 어떤 자원에 대해 CRUD를 진행할 수 있게 HTTP M.. 2023. 4. 25. [TIL-011] Styled-component 동적으로 활용하기, 기술 면접 스터디 발표 Today목표 : 4/21일 Styled-component 동적으로 활용하기, 기술 면접 스터디 발표 알게된 점, Styled-component 파일 구조✅ src/ components/ Button/ index.js Button.styles.js Card/ index.js Card.styles.js 위 파일 구조를 참고하여 모듈화하여 styled-component를 사용하는 연습을 해야 할 것 같다. Styled-component 동적으로 활용하기✅ Styled-component에서 동적으로 style을 변경하고 싶어 구글링을 하면서 여러가지 방법을 찾아보았다. 하지만 보통 inline 방식이거나, switch문을 사용한다거나, 삼항 연산자나 && 연산자 등 내가 원하는 답을 찾기가 너무 어려웠다. 예.. 2023. 4. 22. [TIL-009] 리덕스(Redux)의 이해 및 활용 Today목표 : 4/19일 리덕스(Redux)의 이해 및 활용, todo-list에 Redux 적용 시키기 알게된 점, 리덕스(Redux)의 이해 및 활용✅ 다음 포스팅에 공부한 내용을 정리해 보았다. 리덕스(Redux)의 이해 및 활용해 보기 리덕스(Redux) ✅ 1. 리덕스란 무엇인가? = 전역 상태관리 패키지 라이브러리 '중앙 State 관리소'를 사용할 수 있게 도와주는 라이브러리다. - 리덕스가 필요한 이유 1) useState의 불편함 = props 드릴링 junvelee.tistory.com styled-component 사용해보기 ✅ styled-component를 사용해 보면서 느낀점 먼저 주의 : styled-component와 styled-component's'는 다르다... 설치.. 2023. 4. 20. 이전 1 2 다음