이번주엔 4일동안 웹개발 미니 프로젝트를 진행하였다.메인 페이지에서 데이터가 전체 표출 된 후 메인페이지의 표출된 데이터를 선택하면 선택한 데이터의 정보를 가지고 모달에서 데이터를 표출하는것을 구현하고자 했는데 console 에도 에러가 나오지 않고 어디 에서도 에러가
오늘은 알고리즘문제를 푸는데에 있어서 시간을 좀더 할애했다,평소엔 알고리즘문제 3개 정도 풀고 자바스크립트에 대한 공부를 했는데 알고리즘을 시작한 후엔 알고리즘에 대한 부족함을 느껴 조금더 시간을 할애 하였는데현직자분의 충고를 듣고선예전방식처럼 알고리즘은 3문제나 5문
오늘은 알고리즘 모의고사 테스트를 봤다.처음엔 문제를 이해하는데 조금 시간이 걸렸지만 문제를 풀고 답안을 제출하였다.매주 알고리즘 문제와 자바스크립트 언어 공부를 병행하고 있는데 알고리즘은 하면 할수록 익숙해진다고는 하는데 아직 알고리즘을 풀대때마다 적응이 되지 않아
오늘은 리엑트를 시작하는데에 앞서 어떠한 자바스크립트에 대한 공부를 하면 좋을지에 대한 코멘트를 들었다.클래스랑 상속, 오버라이딩 등등 부분의 어려움에 대해서 말씀을 드렸는데 클래스와 상속도 중요하지만 전개연산자나 객체, 함수 메소드 이런것들이 더 중요하다고 말씀을 해
오늘은 알고리즘 테스트 3문제중 2문제 제출하는 시험을 치뤘다., 알고리즘 테스트를 치룬후 내일 이면 시작할 리엑트 수업을 하는데에 있어서 도움 될만한게 뭐가 있을가 하고 현직자 분께 물어보았다.물어보고 알려주신것에 맞춰 오늘안으로 그래도 다 듣겟지 싶엇는데 내 착각이
주특기로 들어간지 2일째 되는날이다.React를 공부하면서 오늘은 리엑트가 어떻게 흘러가는지와 컴포넌트 , jsx라는 문법도 알게 되었다,리엑트는 블럭 같이 재사용할 부분을 나눠서 관리할수 있다는 장점이 있다.아직은 시작한지 얼마 되지 않아 신기하고 재미있는 부분만 가
react 주특기 입문 주차가 시작되었다.기본적인 props, useState , 컴포넌트 이 세개를 이해하려고 강의를 들었다,기본 강의는 너무 기본적인 간단한 내용만 들어가져 있어 유데미에 있는 react 강의를 들었다.자바스크립트 부분도 아직 완벽하지 않은데 리엑트
오늘 저녁까지 팀과제를 제출하고 자기가 담당한 부분에 대해서 설명을 하기로 햇다.내가 담당한 부분은 양방향 바인딩과 useRef 부분이였다,react를 공부하면서 지금은 시작한지 얼마 안되서 그런지 프롭스로 데이터를 주고 받으면서 느끼는데 부모와 자식끼리는 데이터를 주
어제 팀과제와 더불어 리엑트로 간단한 todoList 과제를 제출하였다,공부를 하면서 나름 컴포넌트로 나눌줄알고props를 사용해서 데이터를 주고받고 연습 하며코드를 보지 않고 그냥 술술 짤수 있을거라고 생각햇는데막상 해보니 코드짜는 것도 짜는거지만클린하게 코드를 작성
react 컴포넌트를 꾸미는 방법과 react hook 인 useState() , useEffect 에 대해서 알게 되었다, 리액트에서 CSS-in-JS 방식으로 컴포넌트를 꾸밀수 있게 도와주는 styled-components 패키지를 설치한다.기본적인 사용법setSt
react 는 컴포넌트 끼리 데이터를 보내고자 할때 Props를 통해서 부모 컴포넌트에서 자식 컴포넌트로 그 값을 보내주었다.Props로 State(데이터)를 공유하는 방법에는 불편한 점이 있었다.컴포넌트에서 컴포넌트로 State를 보내기위해서는 반드시 부-모 관계가
redux방법에 대해 알게 되었다. 아직 흐름에 대해서 완벽하게 이해가 되지 않아서 다른 강의도 참고하여 들어봐야 겠다.
우리는 지금까지 모듈파일에서 초기 상태값과 리듀서를 작성했습니다. 이제 우리가 만든 모듈을 스토어에 연결 시켜야 합니다. 아직까진 모듈과 스토어가 각각 따로 분리되어 있는 상태이기 때문에 우리가 만든 State를 스토어에서 꺼낼 수 없습니다.위와 같이 코드를 추가하면,
리덕스 스토어 state를 수정하는 방법을 배웠다.1.View 에서 액션이 일어난다.2\. dispatch 에서 action이 일어나게 된다.3\. action에 의한 reducer 함수가 실행되기 전에 middleware가 작동한다.4\. middleware 에서 명
Action, Action creator를 이해하고 활용하는 방법에 대한 정리 만약에 우리가 액션객체의 value를 변경할 일이 생긴다면 어떨까요? PLUS_ONE , MINUS_ONE 이라는 value 대신 이 액션객체가 counter 모듈안에 있다는 것을 강조하기
리액트에 컴포넌트는 모두 라이프 사이클을 가진다.리액트 라이프 사이클은 크게 3가지 유형생성 시: Mount업데이트 시: Update제거 시: UnmountMount는 DOM이 생성되고 웹 브라우저 상에 표시되는 것Update는 4가지 상황에서 발생Props가 바뀔 때