본문 바로가기

전체 글451

210806 Facts (사실, 객관) : 코드숨 개인프로젝트 드디어 내가 원하는 버튼 기능을 구현했다. Feelings (느낌, 주관) : 아직도 개인 프로젝트를 못끝냈고,, 벌써 8월이다. 오늘 드디어 질질 끌었었던 버튼 기능을 구현했다. 8월말부터 새로운 수업을 듣게 될텐데 얼른 프로젝트를 마무리하고 개인 공부를 좀 해둬야겠다. Findings (배운 점) : Sounds 컴포넌트에 빼곡하게 적혀있던(대부분이 중복 코드) 코드들을 정리(?)했다. SoundButton 컴포넌트를 만들어서 Sounds컴포넌트를 분리 시켰다. 이 과정에서 부모 컴포넌트와 자식 컴포넌트 사이에 props를 주고 받는것을 배웠다. 예를들어서 부모 컴포넌트인 Sounds 컴포넌트에서 이렇게 정보를(음악,사진) 전달해주면 자식 컴포넌트인 .. 2021. 8. 7.
CODESOOM: REACT-11 Facts (사실, 객관) : 개인 프로젝트 3주차 (todo app 구현중) Feelings (느낌, 주관) : add 버튼 구현하는데에만 두시간이 걸렸다,,, 모르는게 너무 많아서 모르는 것들을 찾아가면서 해서 그런지 기능 하나 구현하는데 오래걸리는것같다,,ㅜ.ㅜ 그래도 이번에도 대충 넘어갈수도 있었던 부분들을 제대로 짚고 넘어가니 확실히 제대로 공부하는(?) 느낌이 든다. 그래도 겨우 todo app 구현에는 끝났다. 얼른 디자인하고 다른 기능들도 구현해야겠다. Findings (배운 점) :Dispatch - state를 변화시키는 방법. 스토어의 reducing function은 최신 getState() 결과를 호출하고 호출 시 발생하는 action을 가져다준다. 이것의 결과값은 다음 state.. 2021. 7. 19.
CODESOOM: REACT-10 Facts (사실, 객관) : 개인 프로젝트 2주차 (todo app 구현중) Feelings (느낌, 주관) : 기본 개념이 없는데다가 강의를 듣고 제대로 정리를 안하다보니까 똑같은 기능을 구현하는데에도 시간이 오래 소요되는것같다. redux, reducer, actions 어려워 죽것다,, 지금이라도 다시 하나하나 찾아보고 정리하고,, 공부하면서 프로젝트를 진행하려니까 너무 벅찬것같다,,, 플젝 기간이 반이나 지났는데도 온전한 기능을 하나도 구현하지 못했다,, Findings (배운 점) : redux, reducers, actions에 대해서 다시 공부했다. fragment를 선언하기 위해 사용할 수 있는 짧은 구문이라고 불린다는 것을 알게 되었다. 자바스크립트의 기초인 함수, 함수 선언, 매개변수.. 2021. 7. 19.
Javascript: 함수, 매개변수 parameter 함수 : 프로그램을 구성하는 주요 '구성 요소(building block)' 함수 선언 function declaration : 함수 선언 방법! function showMessage() { alert ('hi'); } showMessage는 함수 이름이고 본인 마음대로 적절한 용어를 사용하면 된다. {} 이 안에는 있는 것은 매개변수라고 불린다. 위의 함수를 호출하려면? showMessage(); 매개변수 : 매개변수를 부르는 말이 왜 이리도 많은건지,, 배우는데 너무 헷갈렸다.. 매개변수를 영어로 parameter 혹은 argument라고 한다. 정석은 argument인듯..? 한국어로는 인수 혹은 인자라고 불린다. 근데 또 나같은 초보는 이렇게 의미만 알고 넘어가면 막상 코드를 볼때 뭐가 매개변수인.. 2021. 7. 14.
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.
210713 Facts (사실, 객관) : 코드숨 개인프로젝트 3주차 (Todo 기능 만드는중,, add 버튼 구현) Feelings (느낌, 주관) : add 버튼 구현하는데에만 두시간이 걸렸다,,, 모르는게 너무 많아서 모르는 것들을 찾아가면서 해서 그런지 기능 하나 구현하는데 오래걸리는것같다,,ㅜ.ㅜ 그래도 이번에도 얼레벌레 넘어갈수도 있었던 부분들을 제대로 짚고 넘어가니 확실히 제대로 공부하는(?) 느낌이 든다. Findings (배운 점) : fragment를 선언하기 위해 사용할 수 있는 짧은 구문이라고 불린다는 것을 알게 되었다. 자바스크립트의 기초인 함수, 함수 선언, 매개변수에 대해서 찾아보았다. 2021. 7. 14.

티스토리툴바