React
-
[React] setState 비동기React 2020. 9. 30. 14:23
안녕하세요. 지난번에 이어 setState에 대해서 알아보겠습니다. setState를 알아보기 앞서 먼저 비동기 처리의 이해부터 시작하겠습니다. javaScript에서 다른 언어와의 큰 차이는 비동기 처리라 할 수 있습니다. 예를들어 func(), func2() 함수를 들어 설명하겠습니다. const func = () =>{ setTimeout(()=> { console.log('hello world') } , 1000) }; const func2 = () => { console.log('hi') }; func(); func2(); console.log로 콘솔창에 띄울 경우 hello world hi 가 뜰 것으로 이해하지만 직접 띄워본 결과 이런식으로 hi가 먼저 출력 된 뒤 hello world가 출..
-
[React] push, concat, ...(스프레드 연산자) 차이React 2020. 9. 28. 00:19
안녕하세요! 제가 CEOS(동아리)에서 간단한 프로젝트를 하면서 느꼈던 것들 그리고 처음 접했던 문법들 위주로 설명하겠습니다. 메세지 define, update const MESSAGE_LIST = [ { user: true, content: '안녕하세요 12기 프론트엔드 개발자분들' }, { user: true, content: '저희의 대화를 마음껏 조작해보세요 💌' }, { user: true, content: '상단에 프로필을 눌러서 발신자 변경하면 됩니당~' }, { user: false, content: '안녕 은아' }, { user: false, content: '뭐해 ?' }, { user: true, content: '시원아 넌 최고의 팀장이야' }, { user: false, cont..