반응형 코드스테이츠 소프트웨어 엔지니어링 부트캠프72 코드스테이츠 소프트웨어엔지지어링 부트캠프 +28일 오늘 한 것 알고리즘 복습하고 리액트 공부했다. 저번에 카페 키오스크 만든걸 리액트로 해보려고 안간힘을 쓰다가 포기했다. dom으로 만드는게 훨씬 쉬운데 리액트가 편리하다고?? 아직은 이해가지 않지만, 내가 리액트를 잘 몰라서 그런거겠지 리액트 하다가 useState 를 사용할 때, console창과 데이터 계산에서 state가 한박자 늦게 찍히는 문제가 있었다. 리액트의 비동기 시스템때문에 그렇다고 한다. 이를 해결하기 위해서 setState에 콜백함수를 넣거나 아직은 배우지 않은 useEffect 를 사용하면 된다고 한다. 우선 uesEffect 를 사용해보았다. 아래 코드는 +1, -1 버튼을 누르면 태그의 number가 변하는 코드이다. /// 쓸데없는 부분은 생략했다. function Count.. 2021. 8. 16. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +27일 스프린트 베어미니엄을 겨우 끝냈다. 코드스테이츠 학습자료에 나왔던 내용들인데 막상 할때는 다 잊고 적용하지 않았던 것들이 많다. 에러가 나면 해결책이 학습자료에 나와있는데 기억하지 못하고 검색하다가 해결책을 알아내고 나서, 아 홈페이지에서 봤던내용이구나 하는 것들이 많았다. 예를들면 이 사실을 간과하고 계속 unshift를 사용했다. unshift를 사용했기 때문에 리렌더링이 되지 않았고, 계속 새로고침을 해야만 원하는 화면이 나왔다. 하지만 useState에 spread연산자를 사용하여 useState([추가할배열,...원래배열])라고 작성하니 해결되었다. 2021. 8. 14. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +25일 SPA (Single Page Application) 필요한 부분만 서버에서 전달받아 업데이트 하고 중복되는 부분은 냅둔다. 전통적인 방식은 전체를 새로 로딩하기 때문에 불필요한 트래픽이 발생한다. JS크기가 크기때문에 첫 로딩시간이 길다. 구글 네이버등 검색엔진은 HTML을 분석하여 검색기능을 구동하는데 SPA의 경우 HTML이 가볍기 때문에 SEO가 좋지 않다. 하지만 이러한 단점은 사라지는 추세이다. 라우팅(Routing) SPA는 하나의 페이지를 갖고 있지만 사실 한 종류의 화면만 사용하지 않는다. 메신저의 경우 홈, 메시지창, 프로필 등 한 화면에서 여러종류의 작은 화면들이 필요하다. 또한 이 화면에 따라 '주소' 도 달라질 것이다. 이렇게 다른 주소에 따라 다른 뷰를 보여주는 과정을 경로에 따.. 2021. 8. 12. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +23일 고차함수 일급객체의 특징 3가지 변수에 할당할 수 있다. 다른 함수의 인자로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. 고차함수 함수를 인자로 받을 수 있고 함수의 형태로 리턴할 수 있는 함수. 인자로 전달되는 함수를 콜백 함수라고 한다. 내장 고차함수 자바스크립트에는 기본적으로 내장된 고차함수가 있다. 그 중 배열 메소드들 중 일부가 대표적인 고차함수에 해당된다. filter : 걸러내기 위한 조건을 명시한 함수를 인자로 받는다. 콜백함수는 true, false 만 리턴한다. map : 배열 내의 모든 요소 각각에 주어진 함수를 호출하고 그 리턴값을 모아 새로운 배열을 반환한다. 이전배열을 수정하지 않음 reduce : 배열의 각 요소에 대해 주어진 함수를 실행하고 하나의 결과값을 반환한다. 2021. 8. 11. 이전 1 ··· 12 13 14 15 16 17 18 다음 반응형
