이 글은 DBMS 중 하나인 MySQL을 설치하는 방법에 대해 정리한 글입니다.MySQL DBMS 설치MySQL Community 다운로드MySQL 웹 사이트로 접속하여 MySQL Community 버전의 설치 파일을 다운로드 받는다.(아래 링크를 통해 이동하면 설치 파일을 받을 수 있는 MySQL 웹 사이트로 바로 이동한다.)https://dev.mysql.com/downloads/windows/installer/ MySQL :: Download MySQL InstallerMySQL Installer 8.0.41 Note: MySQL 8.0 is the final series with MySQL Installer. As of MySQL 8.1, use a MySQL product's MSI or Zip..

이 글은 웹 서버의 개념과 REST API의 개념에 대해 정리한 글입니다.웹 서버 (Web Server)웹 서버웹 서버는 하드웨어와 소프트웨어 차원에서 모두 사용되는 용어하드웨어 : 웹 요청을 수신하고 처리를 수행하는 물리적 서버 컴퓨터소프트웨어 : 웹 요청(HTTP 프로토콜 기반)을 받아들이고, 적절한 응답을 반환하는 프로그램일반적으로 웹 서버라고 하면 소프트웨어를 가리키는 경우가 많음웹 서버의 작동 원리클라이언트(웹 브라우저 등)는 특정 리소스를 요청하기 위해 HTTP 요청을 서버로 전송서버는 클라이언트로부터 받은 요청을 분석하여 적절한 응답(HTML, JSON, 파일 등)을 생성서버는 생성된 응답을 HTTP 응답 형태로 클라이언트에 반환클라이언트는 응답을 해석하여 화면에 출력하거나 추가 처리를 수행..

이 글은 윈도우 환경에서 NVM을 이용하여 node.js를 설치하고, 여러 버전을 관리하는 방법에 대해서 정리한 글입니다.기본적으로 NVM은 Linux와 MacOS용으로 개발되어 Windows에서는 공식 NVM을 사용할 수 없습니다. 그래서 Windows 사용자는 nvm-windows라는 별도의 프로젝트를 사용하여 Node.js의 버전을 관리하게 됩니다. 이번 글에서도 nvm-windows를 설치하고, nvm-windows를 이용하여 Node.js를 설치하고 버전 관리 하는 방법에 대해 정리하였습니다.NVM (Node.js Version Manager)NVM은 Node.js 버전 관리 도구여러 버전의 Node.js를 설치하고, 원하는 버전으로 전환할 수 있도록 도와주는 도구Anaconda(or minic..

웹 개발 시 JavaScript를 이용하여 HTML DOM을 제어하는 방법에 대해 정리한 글입니다.DOM의 기본 개념DOM의 정의DOM(Document Object Model)은 웹 문서를 구조적으로 표현하고, 이를 프로그래밍적으로 제어할 수 있도록 브라우저에서 제공하는 트리 구조(tree structure)을 의미웹 문서는 흔히 HTML을 통해 작성되며, 브라우저는 HTML 문서를 해석하여 DOM 트리를 생성함 >> 자바스크립트를 사용하여 DOM 트리를 수정, 선택, 삭제 등 조작이 가능DOM 트리 구조DOM 트리는 태그부터 DOM 예제 이 문서는 DOM 공부를 위한 예제입니다. Document └── html ├── head │ ..

웹 개발에 필요한 JavaScript 기본 문법에 대해 정리한 글입니다. 기본적으로 다른 언어(C/C++, Java, Python 등)의 문법을 알고 있다는 가정 하에 간략하게 정리하였습니다.자바스크립트의 변수변수 선언var 변수 선언함수 레벨 스코프를 가지는 변수변수를 선언하기 전에 사용하는 경우(변수 선언보다 호출이 앞선 경우)에도 에러가 발생하지 않고 undefined가 할당된 상태로 접근할 수 있음 (호이스팅으로 인한 특징)중복 선언이 가능 >> 같은 스코프 내에서 같은 이름의 변수를 var로 여러 번 선언해도 에러가 발생하지 않고, 마지막으로 선언된 값으로 덮어쓰게 됨ES6(ECMAScript 2015) 이전까지 변수 선언을 위해 주로 사용되었으나, 스코프 및 의도치 않은 재할당 문제로 인해 권..

이 글은 CSS를 이용하여 페이지 레이아웃을 구성하기 위한 기본 속성에 대해 정리한 글이다.CSS 레이아웃CSS에서 레이아웃은 웹 페이지의 요소들을 어떤 방식으로 배치할지 결정하는 개념주요 속성 : display, position, z-index기타 속성 : float, clear, overflow현대 레아아웃 방식 : Flexbox & CSS Griddisplay 속성HTML 요소가 어떻게 배치(렌더링)되느냐를 결정하는 핵심 속성display: block요소가 블록(줄바꿈이 일어다는 단위)으로 배치블록 요소는 가로 영역을 모두 차지하며, 다음 요소가 바로 아래로 내려감width, height, margin, padding 적용 가능대표적인 HTML 요소 : , , ~ 등display: inline요..

CSS 적용 방법인라인 스타일 (inline style)이 문장은 파란색이고, 글자 크기는 20px입니다.HTML 요소의 style 속성을 사용하여 개별적으로 CSS를 적용하는 방법특정 요소에만 스타일을 적용할 때 사용인라인 스타일의 특징특정 요소에 적합한 스타일을 적용스타일을 적용하는 코드가 HTML 문서 내에 존재하기 때문에 유지보수가 어려움CSS 코드가 분리되지 않아 가독성이 떨어짐내부 스타일 (internal style) 이 문장은 빨간색이고, 글자 크기는 18px입니다.HTML 문서의 이 문장은 녹색이고, 글자 크기는 16px입니다..css 파일을 만들어 HTML 문서에 태그를 사용하여 불러오는 방법가장 많이 사용되는 방식이며, 유지보수와 확장성이 뛰어남외부 스타일의 특징여러 HT..

HTML이란?웹 페이지를 구조화하고 콘텐츠를 표현하기 위해 사용되는 언어HTML(HyperText Markup Language)은 마크업 언어로 프로그래밍 언어가 아님주요 특징구조 제공 : 텍스트, 이미지, 링크 등 다양한 요소를 포함하는 웹 페이지의 골격을 만듦링크 연결 : 다른 문서나 웹 페이지로의 하이퍼링크를 지원플랫폼 독립성 : 어떤 기기나 운영체제에서도 동일한 HTML 파일을 표시할 수 있음HTML5 : 최신 표준으로, 멀티미디어 요소를 포함하여 시멘틱 태그를 지원HTML의 기본 구조 주요 콘텐츠 작성 : 해당 문서의 성격을 알리는 선언 >> "이 문서는 HTML 문서입니다"라는 의미 : HTML 문서의 루트(root) 요소로, 모든 HTML 내용은 이 태그 안에 표함lang 속성 : 이 ..