본문 바로가기

Coding127

Javascript - 비동기처리(2)(Promise) Callback을 더 간단하게 정리하기 위해 Promise 사용해서 callback 지옥을 벗어 날 수 있다. 하지만, promise도 chaining으로 지옥으로 들어 갈수 있다는 점을 간과해서는 안된다. Promise 개념을 도식화 하면 하기 그림과 같다. Promise의 중요한 개념은 fullfill과 reject인데 fullfill은 이행하다 뜻을 가지고 있고 reject는 거절하다 라는 뜻을 가지고 있다. promise로 들어온 값이 에러면 reject를 실행해서 에러를 출력해주고, 에러값이 아니면 fullfill이 실행되어서 실행이 된다. 이후 pending 상태가 되어 다음 값을 기다리는 상태가 된다. 즉, 기다림(pending) -> 이행(fullfill) -> 기다림(pending)이거나.. 2020. 7. 16.
React - Lifting state(state 끌어올리기) Lifting state 개념을 이해하는데 이틀 정도 걸렸다. 결국 이해는 했지만, 사용하기 어려움은 있다. 이전글에 있는 그림을 인용하면... state는 하위에서 수정해서 상위에 값을 변화 시킬 수 있다. 즉, 상위에 있는 state 값을 하위에서 수정하여 상위로 올려주는 것이 Lifting state이다. Codestates 강의시간(sprint review)에 이해하게 된 개념인데, 그림을 아무리 봐야 코드로 구현하는 것은 매우 어려웠다. Codestates의 있는 code 인용해서 설명을 하면 우선 상위 하위 관계를 먼저 보면 최상위 App - VideoList - VideoListEntry 구조이다. 전체적인 코드를 보면 아래 사진과 같다. *빨간색이 state 진행방향 *파란색이 state .. 2020. 7. 13.
React - props & state React를 하면 할수록 어려운거 같다. 아니면 아직 잘 몰라서? 아직 익숙하지 않아서?? 암튼 어렵다. props와 state라는 개념을 잘 이해 했는지 모르겠지만, 까먹기 전에 글을 포스트 해야겠다. 틀린 내용이 많을것 같다. props & state 개념 *개념적으로 설명하기 어려워서 비유적으로 생각하면... *사람으로 비유하자면... *사람의 성별이 props이고, 나이가 state라고 볼 수 있다. 남자, 여자는 변하지 않는다. 성전환 수술을 하더라도 xx염색체와 xy 염색체는 변하지 않는다. state는 년도가 지나면 나이는 계속 ++이 된다. state의 뜻은 상태라는 뜻을 가지고 있다. 즉, 그때 그때의 상태를 의미한다. 오늘 기분이 좋은상태, 어제는 기분이 개baby 같은 상태 같이 상황.. 2020. 7. 12.
React - start Codestates Immersive 핵심 내용인 React가 시작되었다. 새로운 것을 배운다는 설렘이 있지만, 오히려 두렵다. 이전 내용 중에 잘 모르는 것도 많은데, 계속 진도만 나가는 것은 아닌지...하는 걱정이 앞선다. React는 Facebook에서 만든 javascript 라이브러리 중에 하나다 => React.com에서 라이브러리라고 설명되어 있지만, 개인적으로 프레임 워크라고 생각된다. 필요한 component를 직접만들고, jsx라는 값을 읽고 화면에 표시해준다. - (라이브러리는 음... 일종에 도구라고 할 수 있다. 이미 함수들이 짜여져 있고, 필요한 함수들을 가져다가 사용해서 만든다고 생각하면 된다.) - (프레임워크는 음... 프레임이 일종의 뼈대라는 뜻이 있다. 뼈대는 만들어져 .. 2020. 7. 8.
반응형

티스토리툴바