개발일지용

ES6 추가 문법 1. let, const - let 재할당 가능, 재선언 불가 - const 재할당, 재선언 불가 2. 화살표 함수 - 바인딩 생략(선언 시 this가 정해짐) 3. 삼항 연산자 4. 구조 분해 할당 - 배열이나 객체에 속성을 분해하여 값을 변수에 담는 방식 let [value1, value2] = [1, "new"]; console.log(value1); // 1 console.log(value2); // "new" let user = {name: "nbc", age: 30}; let {name, age} = user; // let name = user.name; // let age = user.age; console.log(name, age) // nbc 30 5. 단축 속성명 - ..

JS 복습 1. 화살표함수 - 바인딩 생략 - 한줄이면 중괄호 생략 가능 2. 객체 - key + value pair(value에 대부분의 값들 입력 가능) let person = { name: "홍길동", age: 30, gender: "남자", }; - 생성자 함수 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } let person1 = new Person("홍길동", 30, "남자"); - key값 접근방법 person.name - 객체 메소드 let keys = Object.keys(person); let values = Object.values(person); let entr..

JS 복습 1.js 개요 1) 역사 - 1995년 탄생, 브라우저 동작 스크립트 언어 - 1999년 ECMA 표준화 - 2005년 AJAX, 비동기 개발가능, UX향상 - 2008년 V8엔진 출시, 2009년 Node.js 등장 - 2015년 ES6, 2016년 프론트엔드 프레임워크+대중화 2) 특징 - 객체지향(객체 그룹으로 처리) - 동적 타이핑(변수타입지정X) - 함수형 프로그래밍 - 비동기 처리 - 클라이언트와 서버 언어 동일(node.js) 2. 기본문법 1) 변수와 상수 - var : 재선언+재할당가능 - let : 재할당가능 - const : 둘다 불가능 2) 데이터 타입 - 숫자(정수,실수,지수,Nan,Infinity) - 문자형, 불린형, 객체, 배열, null+undefine 등 3) ..

1. Node.js - Express 미들웨어 1) Node.js - JavaScript로 작성된 서버 사이드 플랫폼 2) Express - Node.js를 이용하여 웹 서버를 만들기 위한 프레임워크 - 미들웨어를 사용하여 요청(request)과 응답(response)의 사이에 기능을 추가할 수 있다 3) 미들웨어 - Express에서 요청과 응답을 처리하는 방법 중 하나 - 요청과 응답 객체를 변경하거나 다음 미들웨어 함수로 요청과 응답 객체를 전달 가능 - 인증, 로깅, 요청 유효성 검사 등과 같은 일반적인 기능 구현 가능 - Express에서 미들웨어를 사용하려면 use() 메서드를 사용하여 미들웨어 함수를 등록 - req, res, next 매개변수를 가지고 있으며 req는 요청 객체, res는 ..

1. ES - js의 표준규격을 의미함 (스펙) - js의 초기 설계 미스를 보완하기 위한 지속적인 버전 업데이트 2. ES3 - 클래식 js. 함수 단위의 스코프, 호이스팅, 프로토타입, 클로저, 모듈 미지원 등 js의 기본적인 형태 3. ES5 - forEach, map, filter, reduce, some, every 등 배열 메소드 추가 - 객체의 프로퍼티에 대한 설정 가능 - 객체를 생성/수정/복사하는 메소드 Object.create, Object.defineProperty, Object.freeze, Object.assign 등 추가 - getter/setter 와 Object.keys(for in대체 가능) 추가 - strict 모드 - JSON 지원(이전에는 XML) 리터럴과 유사하나 k..

온보딩 4주차 미니프로젝트 9조 ㅅㅇㅁ(스윗미 - 스터디 위드 미) 1. 프로젝트 개요 1) 주제 - 투두리스트와 스탑워치 등을 통한 공부 도움 사이트 2) 기능 구현 - 로그인 및 회원가입 - 명언 출력 - 스탑워치, 출석체크, 누적 공부시간 출력 - to do list 2. 담당 기능(코드가 길어져서 사진 생략) 1) 스탑워치 - setTimeout과 clearTimeout메소드를 이용하여 구성 - 시간변수를 설정하고 1000밀리초 콜백으로 시간 누적 방식 - 누적된 시간변수를 초분시간 단위로 변환(00:00 등은 padStart로 구현) 2) 누적 공부시간 - 스탑워치 중지 시, post방식으로 db에 타임워치의 누적시간을 전송 - 이후 db에 누적된 시간을 불러옴 2) 출석체크 - new Date..

Git+GIthub 1. Git 1-1. 개요 git에서 관리하는 영역은 크게 3가지가 있습니다. - 현재 작업중인 **Working Directory** - commit 할 파일의 예비 저장소, 혹은 추적 대상 파일의 공간인 **Staging Area** - 각 유저의 컴퓨터에서 관리되고 있는 **로컬 저장소** 여기서 우리가 직접 눈으로 확인할 수 있는 저장 공간은 Working Directory이며, 현재 프로젝트가 담긴 디렉토리라고 생각해도 무방합니다. 많은 사람이 혼란스러워 하는 부분은 바로 **로컬 저장소** 이죠. 내 컴퓨터에 분명이 있는 저장 공간이지만 실제로는 눈에 보이지 않기 때문입니다. 이 로컬 저장소는 우리가 Working Directory로 부터 commit 한 내용들이 스냅샷으로..

웹종합 5주차 1. AWS 1) 가입 - 루트계정으로 가입 - 1년간 EC2서버 무료 사용 가능 - IAM설정으로 보안 추가 2-1) 서버 개설 - 루트 사용자로접속, 보안 자격증명 이동 - 액세스 키 생성, 생성 후 액세스ID와 보안키를 기록 2-2) vscode 터미널 준비 - 아래 명령어들 터미널에 입력 mkdir deploy cp app.py deploy/application.py cp -r templates deploy/templates pip freeze > deploy/requirements.txt cd deploy - appication.py 세팅하기 app=Flask(_name_) 를 application = app = Flask(__name__)교체 app.run()으로 교체 - 이후 ..

웹종합 4주차 1. Flask 1-1. flask로 서버만들기 - 프로젝트 폴더 생성 - app.py 생성 - venv설정(python -m venv venv) - pip install flask - flask 실행코드 - 터미널에서 python을 실행시켜 서버 활성화 - localhost:5000로 접속가능 - 엔드포인트 생성 - templates 폴더 생성후 index.html 파일 생성 1-2. get방식과 post방식 - get 방식 : Read용, 일반적인 웹페이지 도메인 방식 - post방식 : CUD용, 처리 방식이 눈에 보이지 않음 1-3. api만들기 - flask 호출 함수에 request와 jsonify 명령어 추가 - /test의 엔드포인트에 get방식 요청, 프론트에서 title_..

웹종합 3주차 1. 파이썬 1-1. 설치 1) Window 환경에서 파이썬 설치 시 일어날 수 있는 오류 - 경로지정이 안되어 venv명령어가 안될 수 있음 - 윈도우 검색을 통해 시스템 환경 변수 편집 실행 - 이후 새로만들기를 통해 Python이 설치된 경로를 추가 1-2 . 복습 1-3. 파이썬 기초 문법 - tap이 문법에 포함 - print() : console.log() - let없이 변수 선언 가능 - 배열, 인덱스, 객체 동일 - 함수 차이 1-4. 파이썬 패키지 - pip install requests 로 설치 - import requests : fetch와 같은 역할 2. 크롤링하기 2-1. BeautifulSoup - requsts로요청, BeautifulSoup으로 솎아내기 - 크롤..