multer 모듈 이용한 이미지 업로드 방법
multer 모듈을 이용하여 이미지 업로드 방법을 소개하고자 합니다. multer 모듈은 파일 업로드를 위해 사용되는 multipart/form-data를 다루기 위한 미들웨어입니다. 목차 multer 모듈 이용한 이미지 업로드 방법 설치 이미지 업로드 시 알아야 …
블로그
아이템코드의 블로그입니다.
자바스크립트 flat, 배열 안에 배열 평탄화하는 과정
자바스크립트 flat는 배열 안에 배열을 평탄화하는 표준 내장 객체입니다. 목차 구문 예제 예제 1) 2개 이상의 배열 안에 배열이 있을 때 예제 2) depth를 Infinity로 작성하기 예제 3) 배열 구멍 …
localstorage json 저장하는 방법
목차 localstorage란? localstorage json 저장하는 방법 localstorage json 저장 코드 localstorage json 저장 주요 코드 설명 localstorage란? 쿠키와 localstorage는 사용자에 대한 정보를 저장하는 주된 방법으로 알려져 있습니다. 가령, 쇼핑몰에서 장바구니를 …
자바스크립트 이미지 바꾸기
오늘 예제는 자바스크립트 이미지 바꾸기 기능을 구현해보도록 하겠습니다. 주요 핵심은 클릭할 때마다 다른 이미지가 나오게 해야 하므로 반복문을 사용하는 것입니다. 또한, 클릭한 이미지의 주소를 가져와서 메인 이미지에 넣어야 하므로 관련된 …
CSS 토글 메뉴 자바스크립트를 사용하여 만들기
토글 메뉴라고 한다면 숨겨져있던 메뉴가 나타나고 다시 없어지는 것을 말합니다. 여기서 핵심은 자바스크립트를 이용하여 기능을 구현한다는 것입니다. 자바스크립트도 ES6 문법을 이용하여 만들어보겠습니다. 이 글에서 CSS 토글 메뉴 자바스크립트를 사용하여 기능을 …
HTML5 의미 요소 종류
HTML5의 의미 요소(Semantic Element)는 요소 이름부터 의미가 있는 것을 말합니다. 예를 들어 div 요소는 어떤 의미가 있나요? class나 id 값을 줘야 이게 어떤 요소인지 알 수 있습니다. 반대로 header 요소는 …
javascript 기초 문법 예제
javascript는 HTML, CSS와는 다르게 단순히 변하지 않고 아이디, 비밀번호를 입력한 후 버튼을 누르면 반응을 하거나 아이콘을 클릭하면 또 다른 정보가 나오는 등 동적인 정보를 보여줍니다. 또한, 프레임워크 Node.js를 통해 웹 …
CSS 띄어쓰기와 붙여쓰기의 차이점
CSS 띄어쓰기와 붙여쓰기의 차이점이 있다는 사실 알고 있나요? ‘.blue .green’과 ‘.blue.green’을 예시로 코드를 보면서 이해해보겠습니다. 띄어쓰기는 자식을 선택하는 선택자이며 가장 뒤에 있는 선택자가 속성을 적용받습니다. 자식을 선택하는 선택자이기 때문에 HTML에서 …
HTML5 기본 레이아웃 만들기
HTML5 기본 레이아웃은 기본적으로 최상단에는 header 태그를 사용하고 최하단에는 footer 태그를 사용합니다. 그 사이에는 핀터레스트와 같은 레이아웃으로 제작하거나 생활코딩과 같이 왼쪽에는 aside 태그를 사용하고 나머지는 content로 정보가 오게 하는 레이아웃으로 …
웹의 동작 원리
웹의 동작 원리에서는 구글, 네이버 등 웹 사이트에 접속할 때 어떤 방식으로 동작하는지 개념에 대해 알아보겠습니다. 여러분들이 만약 브라우저에 ‘https://itemscode.com‘을 입력하고 접속하면 그 사이트에 대한 웹 페이지가 나옵니다. 그리고 다른 …