KUKJIN LEE
총 570개의 글
대한민국, 선진국의 조건
대한민국과 싱가포르의 차이점 중 하나는 외국인에 대한 태도다. 많은 사람들이 자신은 그렇지 않다고 생각할지 모르지만, 한국에서 박사 학위를 받은 후 떠나는 외국인의 비율은 45.6%에서 62%로 급증했다. 외국인 입장에서 대한민국은 개방성이 부족한 나라로 인식한다고 ...
Next.js 개발자가 Tailwind CSS를 사용하는 이유
Next.js 프로젝트를 init 하면 Tailwind css를 설치할거냐고 물어본다. 그럼 왜 Tailwind css를 추천할까? 이유는 아래와 같다. 개인적으로 다른 CSS Frameworks에 적용될만한 내용이라 공감은 잘 안된다.. 그럼에도 Next.js팀은 T...
Cloudflare란 무엇인가?
Cloudflare는 웹사이트의 속도와 보안을 최적화하는 서비스입니다 요약 Cloudflare는 웹사이트의 속도를 빠르게 하고 보안을 강화하는 데 도움을 주는 서비스입니다. 주로 CDN을 통해 전 세계적으로 콘텐츠를 빠르게 전달하고, DDoS 방어와 웹 애플리케이션 방...
LinkedIn 프로필 최적화 가이드
프로필 사진 웃고 있거나 전문적으로 보이는 사진을 사용하세요. 배경 이미지 전문적인 기술과 간단한 설명이 포함된 배경을 설정하세요. 개인 사진은 없어도 상관없지만 개인 사진이 함께 들어간다면 전문적으로 보입니다. 스스로...
ES6 모듈 vs CommonJS: 차이점과 선택 가이드
ES6 모듈과 CommonJS는 가장 널리 사용되는 두 가지 모듈 시스템입니다. 결론부터 얘기하자면.. 브라우저와 서버를 모두 지원하는 ES6 모듈을 사용하는 것이 좋습니다. Node.js, Express.js 환경에서는 CommonJS가 기본이지만 프로젝트 요구 사항...
Docker의 실행 환경에 따른 고려 사항
결론만 얘기하면.. 로컬 환경 : 개발 및 테스트 목적에 적합합니다. PC가 꺼지면 서버도 중지됩니다. 서버 환경 (예: AWS EC2) : 지속적이고 안정적인 운영을 위해 적합합니다. 서버가 계속 실행되므로 애플리케이션도 지속적으로 제공됩니다. 클라우드 환경 (예: ...
Canonical, 태그 및 중복 페이지 문제 해결 가이드
1. Canonical 태그 설정 Canonical 태그는 구글에 표준 페이지를 알려 중복 콘텐츠 문제를 해결하는 데 사용됩니다. Next.js의 app directory 구조를 사용하여 모든 페이지에 Canonical 태그를 추가할 수 있습니다. app/layout....
클로저와 고차 함수: JavaScript 개발자가 꼭 알아야 할 필수 개념
클로저(Closure)란 무엇인가? 클로저는 함수와 함수가 선언된 어휘적 환경의 조합입니다. 즉, 함수가 생성될 때의 스코프를 기억하고 있는 함수입니다. 클로저는 외부 함수의 변수에 접근할 수 있는 내부 함수를 정의할 때 자주 사용됩니다. function createG...
npm install --force vs. --legacy-peer-deps 차이점
Node.js 프로젝트를 진행하다 보면 의존성 문제를 자주 겪게 됩니다. 이러한 문제를 해결하는 데 도움이 되는 두 가지 명령어가 바로 npm install --force 와 npm install --legacy-peer-deps 입니다. npm 의존성 관리의 기본 n...
[프로그래머스] 소수 찾기 Lv2, JavaScript
한자리 숫자가 적힌 종이 조각이 흩어져있습니다. 흩어진 종이 조각을 붙여 소수를 몇 개 만들 수 있는지 알아내려 합니다. 각 종이 조각에 적힌 숫자가 적힌 문자열 numbers가 주어졌을 때, 종이 조각으로 만들 수 있는 소수가 몇 개인지 return 하도록 solut...
초보 개발자를 위한 Docker 설치 및 설정
Windows에서 Docker 설치하기 Docker 공식 홈페이지에서 Docker Desktop for Windows 다운로드. Get Started | Docker 다운로드한 설치 파일을 실행하고 지시에 따라 설치 진행. 설치 완료 후 Docker Desktop을 실...
Tailwind CSS: Float 속성 가이드
1. Float 속성 소개 CSS의 float 속성은 요소를 좌우로 정렬하고 텍스트나 인라인 요소들이 이를 둘러싸도록 만드는 데 사용됩니다. 2. 기본 Float 클래스 Tailwind CSS에서 제공하는 기본 float 클래스는 다음과 같습니다. float-left ...