전체 글

04 ~ 0704 ~ 07 챕터는 JS만의 개념이라기보단,컴퓨터 전반적으로 적용될 수 있는 용어 정의를 다시 엄밀히 짚고 넘어가는 느낌이 강했습니다.04 - 변수4.1 변수란 무엇인가? 왜 필요한가?변수란 데이터를 관리하기 위한 핵심 개념으로써,메모리 주소를 직접 접근하는 방법 대신 메모리 공간을 식별하기 위해 붙인 상징적인 이름을 뜻합니다.변수에 대해 데이터 식별을 위한 식별자로써의 역할만 알고 있었는데,메모리 주소의 직접 접근을 피하는, 메모리 보호 측면에서의 역할도 수행한다는 관점을 알게 되어 좋았습니다.(이 메모리 보호 측면에서의 관점은 이후 자료형의 존재 이유에서도 연결되었습니다)4.4 변수 선언의 실행 시점과 변수 호이스팅변수 선언이 런타임이 아닌 평가 과정에서 먼저 실행된다는 것, 그리고 v..

학교에서 진행한 해커톤에 무박으로 이틀간 참여하고 돌아왔다.해커톤이라는 걸 그래도 한 번쯤은 해봐야지? 싶어서 공고를 보고 막연하게 지원하게 되었다.나의 기대와는 달랐던 점들, 진행하며 느낀 바, 배운 점들을 기억이 생생할 때 기록해보고자 왔다. 본인의 해커톤에 대한 인식은, 적은 시간 내에 빠르게 무엇을 개발해내는 모습? 정도였는데,이건 너무 나이브한 접근이었고.내가 경험한 주된 내용은 "팀플레이", "기획", "디자인", 그리고 "세일즈"였다.물론 이것은 참가자들이 이곳에서 무엇을 얻어가고자 하는지에따라 달라질 수도 있겠다.본인의 경우는 신선한 개발 경험을 찾아온 것이었는데.. 다른 의미로 신선하긴 했다. 이 내용은 마지막에 나온다. 대회는 이렇게 진행됐다.이 해커톤의 주제인 탄소 중립과 넷 제로에 ..

Next + Nest + Nginx의 조합으로 돌아가는 MVP 제품 개발 환경에서 문제가 발생했습니다.기획 당시 SEO를 중시하는 프로젝트 특성 상 앱 라우터를 선택했고,앱 라우터는 페이지간 라우팅 시 서버 렌더링이 원칙입니다.막상 구현을 하고 나니, 페이지간 전환 딜레이가 거슬릴 정도로 오래 걸려서..Suspense 기능을 이용하기로 마음먹었습니다.(2초~3초나 걸리기도 했음.. 현재는 프론트 백 모두 개선을 거쳐서 1초 미만입니다 ^^)import { Suspense } from 'react';...export default async function PoliticianPage({ params,}: { params: { politicianId: number; issueId: number };}) ..

아래와 같은 코드가 있습니다. // Profile.tsx export default function Profile() { ... } // Card.tsx const Card = ...; const CardHeader = ...; const CardFooter = ...; const CardTitle = ...; const CardDescription = ...; const CardContent = ...; export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } Profile 컴포넌트를 export 할 때는 export default를 사용하고, Card에 관련된 const들을 export 할 때는 export를 사용..

Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript LinterA pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.eslint.orgJavaScript 프로젝트를 시작할 때 설정하게 되는 ESLint 설정을 정리하였습니다.저는 TypeScript를 사용하는 nextJS 프로젝트에 적용을 하였으며, Airbnb-lint의 규칙을 따랐습니다.ESLint자바스크립트 코드의 문제들을 찾아 고칩니다.ESLint 공식 페이지에 적힌 소개문입니..