배경 나만무 프로젝트에서 FE를 맡고 ReactJS를 배우며 JS의 기초 또한 배웠다. 그러다보니 다른 언어 대비 JS만의 특징이 굉장히 새로웠는데 그 중에서도 어이가 없었던 것을 적어보고자 한다. 배열의 합 파이썬의 경우, 내장 함수의 sum(array)을 쓰면 바로 끝난다. 그러나 JS에서는 그런거 없다. Math 라이브러리에 abs()나 삼각함수는 있지만 sum은 없다. 그럼 도대체 어떻게 계산하는걸까? 진짜 너무 듣도보도 못한 방식이라 신기했다. const arr = [1, 2, 3, 4, 5]; const sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); console.log(sum); 차라리 sum()..

초고 나만무 프로젝트를 진행하며 ReactJS를 TS 기반으로 개발하려고 했다. eslint와 prettier라는 것을 알게되서 써보려고 했는데 에러를 겁나 많이 만났다. 도커 컨테이너를 계속 삭제하고 만드는 것도 귀찮아져서 초기 세팅하는 방법을 문서화했다. 초기 세팅된 템플릿은 계속 쓰려고 깃헙 레포에도 저장했다. 하는 김에 React Bootstrap도 넣었다. 도커 컨테이너: Node.js # 로컬 powershell docker pull node:lts docker images // 도커 엔진에 존재하는 이미지 목록을 출력 docker create -it --name namanmoo node:lts docker ps -a // 모든 컨테이너를 출력 도커 컨테이너 실행 후 VS Code에서 원격 접..

배경 크래프톤 정글 2기 나만무 프로젝트를 기획하며 프론트엔드를 맡게되었다. 어떤 프레임워크를 사용할지 고민하던 중, ReactJS와 Next.js를 비교분석한 내용을 정리해보았다. ReactJS와 Next.js ReactJS와 Next.js는 둘 다 JavaScript 기반의 프론트엔드 프레임워크이다. ReactJS는 단일 페이지 애플리케이션(SPA) 개발에 주로 사용되는 라이브러리이며, Next.js는 ReactJS를 기반으로 한 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(Static Site Generation, SSG)을 지원하는 프레임워크이다. 이제 각각의 장점과 단점을 살펴보자. ReactJS의 장점 컴포넌트 기반: ReactJS는 컴포넌트 기반 아키텍처를 채택하여 코드 재사용성을 높이..