오종택 챌린지메이커님의 강의를 들을 수 있었다. 프리온보딩 커리큘럼은 사전과제와 총 4번의 강의가 있다. 사전과제 1. CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. - CSR(Client Side Rendering)는 말그대로 클라이언트측에서 랜더링을 하는것. - 서버는 요청을 받으면 클라이언트에 HTML과 JS를 보내주고 클라이언트는 그것을 받아 랜더링을 시작한다. - SPA(Single Page Application) : 단일 페이지로 구성된 애플리케이션 SPA는 CSR방식으로 랜더링하기 때문에 단 한번만 리소스(HTML, CSS, JS)를 로딩하고 이후엔 데이터를 받아올 때만 서버와 통신하고 기존페이지의 내부를 수정해서 보여준다. 2. 장점 -..

실행 시 자꾸 위와 같은 오류가 떴다. '파일' cannot be used as a JSX component. Its return type 'Element | undefined' is not a valid JSX element. Type 'undefined' is not assignable to type 'Element | null'. 오류는 말그대로 JSX엘리먼트를 반환하고있지 않다는말이었다. const GameMatcher = () => { const params = useParams() if (!params) { return 일치하는 게임이 없습니다 } if (params.name === "number-baseball") { return } else if (params.name === "rock-s..

Set 'mode' option to 'development' or 'production' to enable defaults for each environment. npx webpack 으로 웹팩 실행 시 위와 같은 에러가 발생했다. 파일명 오타 ^^.. 하고 다시 npx webpack 을 하는데 TS18002: The 'files' list in config file 'tsconfig.json' is empty. 라는 에러가 발생했다. 응 또 오타.. 파일명을 제대로하니 Meterial Icon 익스텐션 로고도 제 할일을 찾았고 터미널에서도 잘 작동됐다. 진짜 오타왕 이나당..

기능 구현중에 useEffect안에서 async - await 함수를 써야하는 경우가 생겼다. 아무생각없이 useEffect( async() => { const sampleFunction = await() => { ... } }, []) 처럼 쓰려고 했더니 아래처럼 useEffect must not return anything besides a function.. 어쩌구 오류가 났다. 해석해보니 useEffect 안에서 비동기 함수를 작성하는 법을 알려주고 있었다. 위 오류에서 안내해주는 설명서에 따라서 코드를 고쳤다. useEffect( () => { const fetchData = async () => { const sampleFunction = await() => { ... } } fetchData..

몽구스? 노드 프로젝트에서 몽고디비를 다룰 수 있는 모듈. 몽고디비에서 불편했던 점들(No Schema, No JOIN 등..)을 보완해 서버단에서 NoSQL 데이터베이스를 프로그래밍하는데 최적화 시켜준다. 몽고디비? NoSQL 중 하나로 전통적인 테이블 기반 관계형 데이터베이스 구조 대신 동적 스키마형 도큐먼트, JSON형식같은걸 사용한다. 몽고디비에서는 이를 BSON이라 부른다 몽고디비 윈도우에서 설치하기 다른 블로그들 참고하려했는데 아틀라스 사이트 UI가 바뀌어서 헤매다가 직접 글찐다 Try MongoDB Community Edition Try MongoDB Community Edition on premise non-relational database including the Community Se..