정리왕

비주얼 스튜디오 코드(Visual Studio Code) 를 처음 설정하는 방법을 알아봅시다. 웹개발, 자바스크립트, 파이썬에 필요한 설정입니다. 아래 순서대로 설치하시면 됩니다. 1. Python 2. ESLint 3. Prettier 4. Material Theme 5. Material Icon Theme

Node.js에서 공식홈에서 알려준대로 서버를 만들어보고, 고객이 요청한 URL값을 어떻게 가져오는지 살펴 보겠습니다. node.js 공식홈페이지에 방문하면, Usage and example를 볼 수 있습니다. 여기서 hello-world.js 를 살펴보면 이해할 수 있습니다. 1. 아래와 같이 코드를 칩니다. const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello, World!\n'); ..

이번 장에서는 node.js를 통해 웹서버를 만들고, 브라우저를 통해 접속해 보겠습니다. 1. 폴더를 1개 만드세요. 먼저 연습할 폴더를 1개 만드세요. 저는 C드라이브 밑에 coding폴더 밑에 nodejs폴더를 1개 만들었습니다. 2. 비주얼베이직 스튜디오를 실행해서 해당 폴더를 여세요. 3. main.js 파일을 1개 만드세요. 4. main.js에 아래와 같이 코딩하세요. node.js에서 기본적으로 제공하는 http 모듈을 불려와서 http 변수에 담습니다. var에 담아도 되고, const에 담아도 됩니다. // node.js에서 기본으로 제공하는 http 모듈을 불려와서 http 변수에 담습니다. // 변수의 이름은 달라도 됩니다. const http = require('http'); nod..

안녕하세요. 무엇이든 깔끔하게 정리하는 정리왕입니다. 웹개발 PHP, MySQL, 아파치(Apache)를 공부할 때 정말 쉽게 프로그램을 설치하는 방법은 비트나미(bitnami) WAMP를 다운받아서 설치하면, 한번에 아파치(Apache), PHP, MySQL 3개를 동시에 설치할 수 있습니다. 비트나미에서 WAMP가 있는데요? WAMP 의미가 W = 윈도우(window 운영체제) A = 아파치(Apache) M = MySQL P = PHP 1. 비트나미 (Bitnami) 다운로드 받는 방법 1) 비트나미 WAMP 공식 다운로드 페이지로 이동합니다. https://bitnami.com/stack/wamp/installer 2) 하단에 스크롤 내리면, Donwload for Window를 클릭합니다. 3)..

1. Vue.js 란? Vue.js는 웹 페이지 화면을 개발하기 위한 프런드엔드 프레임워크이다. 여기서 프레임워크란? 개발자들이 개발 생산을 빠르게 개발하기 위해 일정한 틀과 규칙에 따라 개발하도록 미리 구조를 정의해 놓은 도구이다. 그래서 HTML, CSS, 자바스크립트 기초만 아는 웹 개발 입문자 뿐만 아니라, 비전공자들도 쉽게 Vue.js를 배울 수 있다. 2. Vue.js 도입 배경 계속 추가되는 자바스크립트 코드와 화면으로 무거워지는 시스템을 관리하기 위해서는 프론트엔드와 백엔드 개발을 나누고, 하나의 View 파일을 재사용하는 방식이 필요해졌다.

안녕하세요. 비주얼 스튜디오 배경색 변경하는 방법에 대해서 알아보겠습니다. 1. 비주얼 스튜디오 배경색 변경하기 (1) 화면 왼쪽 하단에 톱니바퀴(설정) 버튼을 클릭합니다. (2) 색 테마를 클릭합니다. (3) 또는 상단메뉴에서 [ 파일 -> 기본설정 -> 색 테마 ]를 클릭해도 됩니다. (4) 아래 상태에서 키보드의 위아래 방향 화살표로 움직이면 어떤 색으로 바뀌는지 미리 볼 수 있습니다.

안녕하세요. 비주얼 스튜디오 한글판 설치하는 방법에 대해서 정말 쉽게 알아보겠습니다. 1. 비주얼 스튜디오 한글판 설치하는 방법 1) 비주얼 스튜디오를 실행합니다. 2) 비주얼 스튜디오에서 빨간색 부분을 클릭합니다. 3) 검색창에서 'korea'이라고 입력합니다. 4) 제일 위에 검색결과에 나온 'Korean Language Pack for Visual Studio Code'를 선택해서 'Install'을 클릭합니다. 5) 설치 후, 오른쪽 아래에 [ Restart ] 버튼이 생기면 클릭합니다. 비주얼 스튜디오가 재실행됩니다. 6) 비주얼 스튜디오가 재실행되면, 한글메뉴를 확인할 수 있습니다. 비주얼 스튜디오 한글판 완료~~~

안녕하세요. HTML + CSS + 자바스크립트 공부하려면 무료인 비주얼 스튜디오 코드 설치하는 방법에 대해서 알아보겠습니다. 1. 비주얼 스튜디오 설치 프로그램 다운받기 먼저, 비주얼 스튜디오 공식 홈페이지에 방문해서 설치 프로그램을 다운 받았습니다. 비주얼 스튜디오의 최대 장점은 윈도우, 맥 운영체제 다 사용할 수 있습니다. 1) 공식사이트 바로가기 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. V..

강력한 정규 표현식의 세계로 이제 07-2에서 배우지 않은 몇몇 메타 문자의 의미를 살펴보고 그룹(Group)을 만드는 법, 전방 탐색 등 더욱 강력한 정규 표현식에 대해서 살펴보자. 메타 문자 아직 살펴보지 않은 메타 문자에 대해서 모두 살펴보자. 여기에서 다룰 메타 문자는 앞에서 살펴본 메타 문자와 성격이 조금 다르다. 앞에서 살펴본 +, * , [ ], { } 등의 메타문자는 매치가 진행될 때 현재 매치되고 있는 문자열의 위치가 변경된다(보통 소비된다고 표현한다). 하지만 이와 달리 문자열을 소비시키지 않는 메타 문자도 있다. 이번에는 이런 문자열 소비가 없는(zerowith assertions)메타 문자에 대해 살펴보자. 1) | | 메타 문자는 or과 동일한 의미로 사용된다. A|B라는 정규식이..

파이썬에서 정규 표현식을 지원하는 re 모듈 파이썬은 정규 표현식을 지원하기 위해 re(regular expresssion의 약어) 모듈을 제공한다. re 모듈은 파이썬을 설치할 때 자동으로 설치되는 기본 라이브러리로 사용 방법은 다음과 같다. >>> import re >>> p = re.compile('ab*') re.compile을 사용하여 정규 표현식(위 예에서는 ab*)을 컴파일한다. re.compile의 결과로 돌려주는 객체 p(컴파일된 패턴 객체)를 사용하여 그 이후의 작업을 수행할 것이다. 정규식을 컴파일할 때 특정 옵션을 주는 것도 가능한데, 이에 대해서는 뒤에서 자세히 살펴본다. 패턴이란 정규식을 컴파일한 결과이다. 정규식을 사용한 문자열 검색 이제 컴파일된 패턴 객체를 사용하여 문자열 ..