일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- pm2
- ccw 알고리즘
- string
- MongoDB
- Express.js
- 더 흔한 색칠 타일 문제
- router
- 백준 2623번
- ERD
- ucpc 2023 예선 i번
- 백준 28303번
- JavaScript
- Next
- html5
- koi 2002 중등부 1번
- ucpc 2024 예선 e번
- ucpc 2023 예선 d번
- 백준 28298번
- 게임 서버 아키텍처
- localstorage
- map
- branch
- HTTP
- PROJECT
- MySQL
- Prisma
- 그리디
- Github
- insomnia
- 자바스크립트
- Today
- Total
목록분류 전체보기 (99)
dh_0e
Package- Node.js에서 "모듈"을 npm이나 yarn과 같은 패키지 매니저를 통해 업로드하여 다른 개발자들과 공유할 때 이를 패키지(Package)라고 함 모듈(Module)- 프로젝트 내에서 사용되는 코드 조각을 의미- 패키지는 이러한 모듈을 포함하고 있거나 다른 패키지에 의존하고 있는 코드의 집합을 의미- 패키지는 다른 패키지를 사용할 수 있음. 이런 관계를 의존 관계라 부름 [Node.js] 강의 내용 개념 정리(4) (웹 프레임워크, Express.js, Module)웹 프레임워크(Web Framework)- 웹 서비스를 빠르게 구현할 수 있게 도와주는 도구- 프로그래밍의 특정 부분을 추상화하여, 개발자가 더 높은 수준에서 프로그램을 작성할 수 있게 도와주는 도구- 'dh-0e.tist..
JavaScript: 정적인(Static) 문서를 조금 더 동적(Dynamic)으로 표현할 수 있도록 만들어짐 정적(Static) 페이지 vs 동적(Dynamic) 페이지정적 웹 페이지 (Static Web Page)- 미리 작성되어 확정된 페이지로 실시간 정보나 맥락을 반영하지 못하며 추가적인 연산이 없으므로 HTML로만 작성 가능 동적 웹 페이지 (Dynamic Web Page)- 맥락, 상황을 반영할 수 있는 페이지- NetScape를 시작으로 브라우저를 만드는 각 회사에서 다양한 언어를 개발하기 시작함- ECMA International에 의해 이를 표준화 시켜 ECMAScript라는 이름으로 자바스크립트 표준을 제정함- Java라는 언어의 인기에 편승하기 위해 지어진 이름으로 전혀 관계가 없음 ..
웹 브라우저: 인터넷 브라우저라 불리며, 웹 서버로부터 정보를 요청하고 받아 사용자에게 보여주는 소프트웨어- HTML, CSS, JavaScript 파일을 전달받아 이를 해석하여 우리의 눈으로 볼 수 있게끔 해줌- 정적인(Static)파일과 동적인(Dynamic)정보를 처리- 정적인 웹 페이지는 서버에서 브라우저로 전송되는 그대로 표시- 동적 웹 페이지는 서버로부터 데이터를 받아 브라우저가 실시간으로 내용을 생성 or 변경함 브라우저의 통신 방식1. 사용자가 웹 브라우저의 주소창에 URL 입력2. 웹 브라우저가 입력받은 URL을 DNS 서버로 전달하여 해당 IP 주소를 찾음3. DNS 서버는 도메인 이름을 IP 주소로 변환4. 웹 브라우저는 해당 IP 주소로 HTTP 요청을 전달5. IP 주소에 연결된 ..
내배캠 3번째 프로젝트는 팀 프로젝트로 이 전에 개인 프로젝트를 팀원들끼리 공유하여 한 프로젝트를 선정하여 발전 시키는 것이다. 우리 팀에선 디자인은 평범하지만 코드가 깔끔한 내 작업물로 진행하기로 했으며, 자연스럽게 내가 팀장을 맡게 되었다. 팀장 역할은 처음이었으며, 프로젝트에 대한 책임감이 많이 올라가 더욱 열심히 했던 것 같다.프로젝트에 추가해야될 필수 요구사항과 선택 요구사항은 다음과 같다.더보기필수요구사항[1] TMDB 또는 영화진흥위원회 오픈 API 이용(택 1 또는 중복 사용)영화진흥위원회 오픈APITMDB, 영화진흥위원회 오픈 API 모두 사용 가능합니다.둘 중 한가지만 사용하여도 무방합니다.기존에 TMDB를 이용해 작성한 과제에 어떻게 적용해야 하나요?안1) 기존 과제의 UI 및 API..
localStorage는 웹 스토리지 객체(Web Storage Object)로 브라우저 내에 객체로서 저장할 수 있게끔 해주는 문법이다.localStorage에 저장한 값은 웹을 새로고침하거나 꺼도 유지되며 다시 실행하면 데이터가 사라지지 않고 남아있다.하지만 api를 사용하는 것이 아닌 브라우저 내에 저장하는 것으로 다른 컴퓨터(사용자)와 코드만 공유할 경우 저장한 값을 공유할 수는 없다. 본인의 로컬에서만 저장 및 수정이 가능하며 대부분의 브라우저가 2MB 이상의 객체를 저장할 수 있다. get, set, remove localStorage.setItem(key, value) - key, value 쌍을 저장함 (이미 존재하는 key라면 덮어씀)localStorage.getItem(key) - ke..