profile
내가 느낌만알고 한줄도 설명할줄 모른다면 '모르는 것'이다.

React 공부 로그 - return의 소괄호`()` 지우기.

노마드코더의 영화앱 만들기 리팩토링과정중, 그땐 무심히 넘어갔었던 듯 하지만 app.js에서 return문을 감싸주고있는 () 를 지우라고 하는 지시가 있었다. 소괄호는 지워도 되는것인가 ? 나는 종종 리액트를 다루며 종종 당연하게 소괄호를 썼던 기억이 난다. \-공식

2022년 2월 15일
·
0개의 댓글
·
post-thumbnail

React 폼 # 제어 컴포넌트 , setState

html 폼 엘리먼트는 폼 자체가 내부상태를 가짐.그래서 react의 다른 dom 엘리먼트와는 다르게 동작함.제어 컴포넌트라 불리는 기술을 이용함.HTML에서 <input>, <textarea>, <select>와 같은 폼 엘리먼트는 일반적으로 사용자의

2021년 12월 18일
·
0개의 댓글
·
post-thumbnail

React basic # 4

함수의 부수 효과를 제거하여, 순수함수를 만들어 모듈화의 수준을 높이는 프로그래밍 기법.부수효과란? 외부상태를 변경하여 함수로 들어온 인자의 상태를 직접 변경하는것 , 즉 아래와 같다.클로저를 생각해 보면된다. 함수안에서만 작동하는것 그러기 때문에 react의 Prop

2021년 12월 18일
·
0개의 댓글
·
post-thumbnail

Redux정리 # 6 (Redux 이용 2)

변경위해선 action을 만들고 이것을 dispatch에 제출. reducer를 호출하는데 이것이 이전의 state값과 액션의 값을 동시에 줌. reducer 함수가 분석해서 이것을 state최종값으로 리턴해줌. reducer 함수는 store의 stae값을변경해준다

2021년 4월 5일
·
0개의 댓글
·
post-thumbnail

Redux정리 # 5 (Redux 이용)

은행원(창구직원) = dispatch은행장부에 기록하는사람(업무기록일지 기록) = reducer 장부 = state정리.스토어를 만들면 내부적으로 스테이트가 만들어지고,스테이트를 가져오려면 '겟스테이트'를 써야한다. reducer를 통해서 state를 만들어줘야하는데

2021년 4월 5일
·
0개의 댓글
·
post-thumbnail

Redux정리 # 4 (state와 dispatch의 관계)

부품이 두개라면 그리고 서로 상호작용을 한다면,자기자신의 기능남의 기능 부품한개 = 기능2 , 총 부품 2개일경우 4개의 기능이 필요하다. 세개의 부품이라면 ,부품한개 =기능3, 총 3개 9개의 기능(로직)이 필요하다. 이렇듯 3개면 9개의 코드를 4개면 16개의 코

2021년 4월 5일
·
0개의 댓글
·
post-thumbnail

Redux정리 # 3 (action 과 reducer)

일전의 렌더를 참조해서 ui를 만드는 이미지를 머릿속에서 그려봄.사용자가 어떻게 글을 쓸 수 있을까 ?submit 버튼을 누르면 추가목록이 갱신되는것을 예상 할 수 있다.submit 버튼은 아래와같은 이벤트가 걸려있음.액션이 디스패치에 전달이됨. 디스패치는리듀서를 호출

2021년 4월 5일
·
0개의 댓글
·
post-thumbnail

Redux정리 # 2 (state와 dispatch의 관계)

store라는 은행안에 정보가 저장이됨. state 라는 실제 정보가 저장이 되는데 우리는 직접 접근할수가 없다. 우리가 store를 만들때 reducer라는 함수를 만들어 공급해줘야한다.사실 reducer가 제일 어렵다. (이해하기도 어려움.) 리듀서라는것을 배우는것

2021년 4월 5일
·
0개의 댓글
·
post-thumbnail

Redux정리 #

예측가능한 상태의 저장소 for 자바스크립트 app.소프트웨어를 개발할때 가장큰 위협은 바로 '복잡성' 이다. 눈에 보이지 않기 때문에 그렇다.슬럼프를 유발커뮤니케이션 불통부자연스러움. =>자연스레 코드의 복잡성을 줄이고 싶음. Redux는 복잡성을 확실히 줄여 우리가

2021년 4월 5일
·
0개의 댓글
·
post-thumbnail

React로 사고하기 #

어떤것이 컴포넌트가 될수있을까 ? 새로운 함수와 객체를 만들때 처럼 하면된다. 하나의 컴포넌트는 하나의 일만한다. 하나의 컴포넌트가 커지게되면 작은 하위컴포넌트로 분리되어야한다. 다른앱의 정적 버전을 재사용하는 컴포넌트를 만들고,props를 이용해 데이터를 전달해줌

2021년 3월 26일
·
0개의 댓글
·
post-thumbnail

React 정리 # 호출, 추출, 합성

ReactDOMReact는 소문자로 시작하는 컴포넌트 태그를 DOM 태그로 처리합니다. 즉,ReactDOM.render() 는 컴포넌트 태그를 DOM태그로 처리한뒤, 화면에 보이게 생성해줌.\*<함수명 {props.name} />https://ko.rea

2021년 3월 26일
·
0개의 댓글
·
post-thumbnail

React basic # 3

Props가 immutable 한것은 굉장히 중요하다..! 내부의 내용은 변할수가 없다..! 사실 홍식엔지니어님 실험으로 할수잇을법 한데.. 변화를 시키면, 리액트의 원칙을 지키지 않았기 때문에 데이터의 오류가 일어난다.. 즉 지정한 것을 전체페이지에서 인식을 할 수있

2021년 3월 25일
·
0개의 댓글
·
post-thumbnail

React basic # 2

JSX 문법을 다루는 문항이었다. 오답이 제일 많은 문항은 'D' 번이었는데, 이것은 우리가 알고 넘어가야한다. 엔지니어님이 설명해주시기론 우리가 앞으로 배열을 가지고 filter와 map 을 하는 과정중에 유동적으로 바꿀수있는 문법의 근간이 바로 '배열'이기 때문

2021년 3월 25일
·
0개의 댓글
·
post-thumbnail

React basic # 1

멘탈관리가 잘안된다.. 오늘은 부쩍 이상히 그런날이다.소크라티브에 했던것들을 남기려고한다. React는 선언형 프로그래밍이라 한다. (Declarative)적혀있는 구조와 기능들을 직관적으로 파악할수 있다.얼마든 선언형으로 쓰지않고 하는방법은있다.a코드b코드사실 코드

2021년 3월 25일
·
0개의 댓글
·