Today I Learned

1. cmd(터미널)에서 프로젝트 폴더로 이동 2. 프로젝트 폴더를 npm package로 지정(package.json 생성) npm init // 명령어 입력 후 환경설정 // name // version // description // entry point // test command // git respository // keywords // author // license // Is this ok? (yes) - 예제로 UnderscoreJS 설치 3. UnderscoreJS 홈페이지에서 설치법 확인 4. cmd(터미널)에 설치 명령어 입력(node_modules 폴더가 생성되고 하위에 underscore 폴더가 생성됨) npm install underscore --save * '--save' 를..

1. npm.com에서 'uglify-js' 검색 후 설치법 확인 2. cmd(터미널)에서 'npm install uglify-js -g' 또는 'npm install uglify-js' 입력 * '-g'가 붙으면 컴퓨터 전역에서 사용하는 독립적인 프로그램으로 사용, 없으면 프로젝트 내에서만 사용 3. 예제 pretty.js 코드 작성 function hello(name){ console.log('Hi,' + name); } hello('seogineer'); 4. 사용 방법 방법1 - cmd(터미널)에 pretty.js 변형 결과 바로 출력 uglifyjs pretty.js 결과1 function hello(name){console.log("Hi,"+name)}hello("seogineer"); 방법2..

Hello World 출력 1. 설치 - 폴더 생성 mkdir myapp cd myapp - package.json 생성 npm init - dependencies에 추가 npm install express --save 2. app.js 작성 const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) app.listen(port, () => { console.log(`Example app listening at http://localhost:${port}`) }) 3. cmd(터미널)에서 app.js가 위치한 폴더로 이동 4. 실..

Hello World 출력 1. 설치 과정 생략 2. webserver.js 작성 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'); }); server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`); }); 3. cmd(터미널)에서 webserver.j..

1. 파이썬 설치 - python.org에서 설치 파일 다운로드 - 설치 페이지에서 Add Python 3.xxx to PATH 체크박스를 체크 후 설치 2. 파이썬 버전 및 설치 확인 - cmd > "python -V" 입력 3. 프로젝트 폴더로 이동 - cmd에서 cd 명령을 사용해서 테스트할 프로젝트가 있는 폴더로 이동 4. 서버 구동하기 - 파이썬 버전이 3.X인 경우 : python -m http.server - 파이썬 버전이 2.X인 경우 : python -m SimpleHTTPServer - 8000 포트가 아닌 다른 포트에서 실행하려면 python -m http.server 7800과 같이 포트번호 입력 5. 서버 접속 - 웹브라우저에 "localhost:8000"을 입력하면 서버로 이동 ..

*************************** APPLICATION FAILED TO START *************************** Description: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that's listening on port 8080 or configure this application to listen on another port. 해결 방법 1. cmd(명령프롬프트) 실행 2. netstat -ano 입력 3. PID 확인 4. taskkill /pid PID /f 입력 예) taskkill /pid 1036 /f

증상 서버에서 파일을 읽어오다가 실패하면서 console에 "net::ERR_CONTENT_LENGTH_MISMATCH 200" 출력 원인 서버에서 읽어오는 파일의 크기와 Header에 설정된 파일의 Content-Length의 크기가 달라서 발생 해결 upload 할 때 파일 크기를 추출해서 DB에 저장한다. @PostMapping("/uri") public String upload(@RequestParam("file") MultipartFile file) { Object obj = new Object(); obj.setFileSize((int) file.getSize());//MultipartFile의 getSize() 메소드로 파일 크기를 추출한다. service.insert(obj);//추출한 파..

Controller @PostMapping("/login") public String login( @RequestParam(name="email", required=true) String email, HttpSession session, ModelMap modelMap ){ if("myEmail@seogineer.com".equals(email)) { //로그인 정보를 session.setAttribute(key, value)로 등록시켜준다. session.setAttribute("isLogin", true); session.setAttribute("email", email); } } //session.getAttribute(key)로 session에 저장된 값을 읽을 수 있다. if(session.ge..

정규표현식(regular expression) 정규 표현식은 문자열에 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서 정규 표현식 또한 객체입니다. 사용 예 이메일, 주소, 전화번호 규칙 검증 textarea에 입력된 것 중 불필요한 입력값 추출 트랜스파일링 개발 도구에서의 문자열 치환 정규표현식 선언 1. 리터럴 let re = /abc/; 2. 생성자 함수 let re = new RegExp("abc"); 메소드 1. match() 문자열이 정규식과 매치되는 부분을 검색 문법 : str.match(regexp) 결과 값 : 문자열이 정규식과 일치하면, 결과 정보를 담은 Array를 반환하고 아니면 null을 반환 ex) [ '32', index: 3, input: 'a..

생성자패턴 객체지향적인 방법으로 객체에서 비슷한 속성과 행위를 묶어서 표현할 수 있다. 객체를 동적으로 생성해서 중복을 줄일 수 있다. prototype에 메서드를 속성으로 추가할 수 있다. 객체리터럴(Object literal) 코드의 중복이 발생한다. var healthObj = { name : "seogineer", lastTime : "PM 10:12", showHealth : function(){ console.log(this.name + "님, 오늘은 " + this.lastTime + "에 운동을 하셨네요."); } } var healthObj2 = { name : "crong", lastTime : "AM 09:10", showHealth : function(){ console.log(th..