
Vite로 여러 페이지 관리하는 웹사이트 만들기
HTML, Tailwind CSS, JavaScript를 배웠다면 이제 여러 페이지짜리 웹사이트를 만들어볼 차례입니다. 그런데 페이지가 2~3개만 되어도 귀찮은 일이 생깁니다. 사이드바 메뉴가 모든 파일에 복사붙여넣기 되어 있으니까, 메뉴 하나 고치려면 파일을 전부 열어서 똑같이 수정해야 합니다. 파일이 늘어...

HTML, Tailwind CSS, JavaScript를 배웠다면 이제 여러 페이지짜리 웹사이트를 만들어볼 차례입니다. 그런데 페이지가 2~3개만 되어도 귀찮은 일이 생깁니다. 사이드바 메뉴가 모든 파일에 복사붙여넣기 되어 있으니까, 메뉴 하나 고치려면 파일을 전부 열어서 똑같이 수정해야 합니다. 파일이 늘어...

GET API 만들고 화면에 메모 표시하기 JavaScript 다음 스텝 Part 3: 서버에서 데이터를 받아 화면에 그리기 Part 2에서 Express로 HTML, CSS 파일을 서빙해서 메모장 화면을 만들었습니다. 입력 필드와 버튼이 있고 모양은 그럴듯한데, 버튼을 눌러도 아무 일도 안 일어나죠. 메모 목록도 텅 비어 있고요. 껍데기만 있는 상태입니다...

Node.js 설치부터 첫 서버까지 1/5 JavaScript 다음 스텝 Part 1: JavaScript가 브라우저를 벗어나는 순간 JavaScript 기본 문법을 배우고 나면 한 가지 의문이 생깁니다. "변수, 함수, 객체, 배열... 다 배웠는데, 이걸로 대체 뭘 만들지?" 브라우저 콘솔에서 console.log'Hello'를 찍어보는 것만으로는 뭔가...

JavaScript 다음 스텝: Node.js와 Express로 나만의 메모장 API 만들기 5/5 JavaScript 기본 문법을 배웠습니다. 변수, 함수, 객체, 배열을 다룰 수 있게 됐고요. 그런데 막상 "이걸로 뭘 만들지?" 하는 순간이 옵니다. for문 연습 문제를 더 풀어야 하나, 프레임워크를 배워야 하나 고민되는 시점이죠. 주변 주니어 개발자들...

내 사진 한 장으로 퍼스널 컬러 찾기 1편 프로젝트 세팅과 모듈화 첫걸음 교육 현장에서 HTML과 Tailwind CSS를 가르치고 나면, 학생들이 꼭 하는 질문이 있습니다. "이제 뭘 만들어야 하나요?" JavaScript로 객체와 배열까지 배웠는데, 막상 뭔가 그럴듯한 걸 만들려고 하면 막막합니다. 파일 하나에 HTML, CSS, JavaScript를 ...

함수 심화 JavaScript가 함수를 다루는 특별한 방식 JavaScript를 처음 배울 때, 변수 선언하고 조건문 쓰고 반복문 돌리는 것까지는 어느 언어든 비슷합니다. 그런데 함수를 깊이 파고들기 시작하면 얘기가 달라집니다. 분명 선언하지 않은 변수를 사용했는데 에러가 안 나고, 함수 안에서 this가 가리키는 대상이 호출할 때마다 바뀌고, 같은 이름의...

현업 개발자에게 "JavaScript에서 함수가 뭡니까?"라고 물으면 대부분 "코드를 묶어서 재사용하는 단위"라고 답합니다. 틀린 말은 아닙니다. 그런데 조금만 더 깊이 살펴보면 상황이 완전히 달라집니다. JavaScript에서 함수는 단순한 코드 묶음이 아니라 객체입니다. 프로퍼티를 가질...
더 이상 글이 없습니다.