본문 바로가기

전체 글451

Redux, Redux Toolkit, Reducers, actions Redux : 리덕스는 자바스크립트 어플리케이션을 위한 예측가능한 상태 컨테이너이다. 클라이언트, 서버 및 기본 환경에서 실행되며 테스트하기 쉬운 어플리케이션을 작성하는데 도움이 된다. 리액트 혹은 다른 뷰 라이브러리(?) 함께 사용할 수 있다. Redux Toolkit : 리덕스 툴킷 패키지는 리덕스 로직을 쓰기 위한 공식 방식이다. 만들어진 이유? 1. 리덕스 스토어가 너무 복잡해서 2. 뭔가 유용한 것을 할 때(?) 리덕스에서 너무 많은 패키지들을 가져와야하기 때문에 3. 리덕스에 너무 많은 공통 코드가 있어서 Reducers : 현재 state와 action을 인수(arguments)로 받아 새로운 state를 리턴한다. (state, action) => newState actions : type.. 2021. 7. 13.
210712 Facts (사실, 객관) : 코드숨 개인프로젝트 3주차 Feelings (느낌, 주관) : 기본 개념이 없는데다가 강의를 듣고 제대로 정리를 안하다보니까 똑같은 기능을 구현하는데에도 시간이 오래 소요되는것같다. redux, reducer, actions 어려워 죽것다,, 지금이라도 다시 하나하나 찾아보고 정리하고,, 공부하면서 프로젝트를 진행하려니까 너무 벅찬것같다,,, 플젝 기간이 반이나 지났는데도 온전한 기능을 하나도 구현하지 못했다,, Findings (배운 점) : redux, reducers, actions에 대해서 다시 공부했다. 항상 찾아보고 다음에 또 쓸 때 까먹는거,, vscode 단축키! 원하는 부분 선택하고 어디 컴포넌트에서 사용되었는지 검색해볼때!!! command + shift .. 2021. 7. 13.
CODESOOM: REACT-9 Facts (사실, 객관) : 9주차 개인 프로젝트 시작 Feelings (느낌, 주관) : 개인 프로젝트가 시작되었는데 내가 무엇을 구현할 수 있을지, 어떤것을 만들고 싶은지 아이디어를 내는것부터 어렵게 느껴졌다. 평소에 자주 애용하던 어플들이 생각났고 과제로 했었던 TODO 기능과 비슷하게 할 수 있을 것 같아 데일리 루틴 앱을 구현하기도 했다. 이번 프로젝트를 시작하게 되면서 github의 새로운 기능들도 알게 되었다. 서비스를 구현하기 위해서 4주동안 어떻게 처리를 해야될지 생각하는데에도 많은 시간이 걸렸고 그 서비스의 가치에 대해서도 많이 생각했었던것같다. Findings (배운 점) : github의 다양한 기능들을 배울 수 있었다. Todo 기능을 구현하느라 예전에 했었던 과제들을 살펴 보면.. 2021. 7. 6.
CODESOOM: REACT-8 Facts (사실, 객관) : 강의 영상과 강의 풀이 영상 시청 8주차 과제 (레스토랑 앱 꾸미기) Feelings (느낌, 주관) : 의미있는 커밋 메세지를 작성하려고 하였으나 아직도 어렵게만 느껴지는.. 아직도 너무 부족해서 당장 9주차부터 개인 프로젝트를 시작하는데 내가 원하는 웹페이지를 만들 수 있을까하는 생각이 들었다. Findings (배운 점) : CSS in JS - 실제 CSS가 사용되기 때문에 CSS의 기능들을 누릴 수 있다. CSS 모델을 컴포넌트 레벨로 추상화하기 때문에 스타일 시트의 묵음을 유지 보수 할 필요가 없다. 생성된 CSS 규칙은 자동적으로 벤더 프리픽스가 붙어 있으므로 생각할 필요가 없다. Redux Tookit - Redux 논리를 작성하는 표준 방법. 설정 프로세스를.. 2021. 6. 27.
210621 Facts (사실, 객관) : 코드숨 8주차 강의 emotion 부분 시청 후 조금 코드 작성 AWS 프로그램 수강 Feelings (느낌, 주관) : 강의 시청 후에 코드를 살짝 따라해봤는데 화면 디자인하는게 흥미로웠다. 그리고 예전에 신청했었던 AWS 프로그램 첫번째 수강했는데 첫시간이라 그런지 꽤 쉬운 것만 다뤄서 재밌었다. Findings (배운 점) : CSS in JS - 실제 css가 사용되기 때문에 css의 기능들을 누릴 수 있다. CSS 모델을 컴포넌트 레벨로 추상화하기 때문에 스타일 시트의 묵음을 유지보수 할 필요가 없다. 생성된 CSS 규칙은 자동적으로 벤더 프리픽스가 붙어있으므로 생각할 필요가 없다. VPC(Virtual Private Cloud) - 가상 네트워크는 AWS의 확장 .. 2021. 6. 21.
CODESOOM: REACT-7 Facts (사실, 객관) : 강의 영상과 강의 풀이 영상 시청 과제 미완성 Feelings (느낌, 주관) : 다른 과제들에 비해서 TDD cycle을 최대한 지키려고 했었던 것 같다. 7주차 과제는 이번주 안으로 완성 시켜야겠다. Findings (배운 점) : Authorization - HTTP Authorization 요청 헤더는 유저 에이전트에서 서버에 인증 정보를 전달하기 위해 사용 LocalStorage - 브라우저에 데이터를 저장하기 위해 사용. localStorage는 저장된 데이터의 만료 기간이 없고 key와 value는 항상 문자열로 저장. localStorage에 저정한 자료는 페이지 프로토콜 별로 구분. onSubmit - 폼 전송하기 전에 작업 수행하게 하는 이벤트 2021. 6. 21.