본문 바로가기

react4

210806 Facts (사실, 객관) : 코드숨 개인프로젝트 드디어 내가 원하는 버튼 기능을 구현했다. Feelings (느낌, 주관) : 아직도 개인 프로젝트를 못끝냈고,, 벌써 8월이다. 오늘 드디어 질질 끌었었던 버튼 기능을 구현했다. 8월말부터 새로운 수업을 듣게 될텐데 얼른 프로젝트를 마무리하고 개인 공부를 좀 해둬야겠다. Findings (배운 점) : Sounds 컴포넌트에 빼곡하게 적혀있던(대부분이 중복 코드) 코드들을 정리(?)했다. SoundButton 컴포넌트를 만들어서 Sounds컴포넌트를 분리 시켰다. 이 과정에서 부모 컴포넌트와 자식 컴포넌트 사이에 props를 주고 받는것을 배웠다. 예를들어서 부모 컴포넌트인 Sounds 컴포넌트에서 이렇게 정보를(음악,사진) 전달해주면 자식 컴포넌트인 .. 2021. 8. 7.
Dispatch, useSelector(), fragment Dispatch : state 를 변화시키는 방법. 스토어의 reducing function은 최신 getState() 결과를 호출하고 호출 시 발생하는 action을 가져다준다. 이것의 결과값은 다음 state에 영향을 준다. useSelector() : 리덕스 스토어 상태에서 데이터를 추출할 때 사용하는 function. const result:any = useSelector ( selector:function, equalityFn?:function ) fragment : React의 일반적인 패턴은 컴포넌트가 여러개의 요소를 반환하는 것이다. fragments를 사용하면 DOM에 별도 노드를 추가하지 않고 자식 목록을 그룹화할 수 있다. 위는 fragment를 선언하기 위해 사용할 수 있는 짧은 구.. 2021. 7. 14.
210521 Facts (사실, 객관) : ssafy 기출문제집 객관식 (수리, 추리), 주관식 (정렬, 그리디, 최단경로, 다이나믹 프로그래밍) 문제 풀이 끝냄! codesoom 3주차 과제 코드 수정 Feelings (느낌, 주관) : ssafy 문제집을 푸는데 굉장히 분량이 많아보였지만 오늘 다 끝내서 뿌듯했다. 내일이 시험이라 오늘은 거의 ssafy 문제 푸는데에 시간을 거의 다 보낸 것 같다. 코드숨 과제 관련 문서들을 보는데 대부분이 영어,.. 쉬운 문장들이라 쉽게 읽혔지만 영어 공부를 좀 더 해야겠다고 생각했다. Findings (배운 점) : describe(name, fn) - creates a block that groups together several related tests. you can w.. 2021. 5. 22.
CODESOOM: REACT -2 Facts (사실, 객관) : 이번주는 과제1을 끝까지 해냈다. 비록 일주일 내내 붙들고 있었지만 거의 처음으로 풀이 영상 안보고 한거에 의의를 두는걸로,, 그런데 과제1을 다 끝내고 과제2를 시작하려고 했었어서 과제2는 풀이 영상이 올라온 후에야 시작하고 완성할 수 있었다. 저번 기수에서 이해도 못하던 코드들을 이제는 혼자서 작성할 수 있게 됐다. ˚ counter 앱 만들고 파일 분리 Feelings (느낌, 주관) : 조금씩 과제를 하는것, 코드를 작성하는 것 등등이 처음에 비해 나름 익숙해지고 있는 것 같다. 과제2도 빨리 PR해서 피드백 받을걸 ㅜ 과제 풀이 영상을 보고 해버린것이 아쉬웠다. 시간이 많은데도 시간 활용을 제대로 하지 못한것 같아서 씁쓸하다.. Findings (배운 점) : 공식.. 2021. 5. 17.