2021

for문 특정 값에 변화를 주어가면서(특정 숫자를 가지고 숫자의 값을 비교) 우리가 정한 조건이 만족된다면 계속 반복while문조건을 확인만 하면서 반복한다.때문에 조건문 내부에서 변화를 직접 주어야 한다.for...of배열에 관한 반복문을 돌리기 위해서 만들어진 반복

elements.map(element => { return element.length;}); // 8, 6, 7, 9// 화살표 함수의 유일한 문장이 'return'일 때 'return'과// 중괄호({})를 생략할 수 있다.elements.map(element =>

배열의 값은 엘리먼트라고 부른다.배열의 순서는 인덱스라고 부른다. (0번째 인덱스, 1번째 인덱스...)myNumber = '1','2','3','4','5'myNumber3; // 4myNumber5; // undefinedmyNumber3 = 200 // '1','

객체는 키와 값 쌍으로 이루어져 있다.user'category' = '잡담' // 문자열 추가user.ispublic = true // boolean 추가user.tag = 'A', 'B' // 배열 추가객체의 값을 사용하는 방법1.Dot notationuser.fis

function hello() { // ...}가장 대중적인 방법이다. 함수의 이름이 hello가 된다. 이미 여러차례 싸질러 놨듯, 호이스팅 되기 때문에 이 함수는 어느 스코프에서든 호출 할 수 있는 함수가 된다.var hello = function () { //

사용자가 체크박스 값을 변경하면 onChange 이벤트가 이벤트 핸들러 함수인 handleChecked 를 호출하고, 이 함수가 setIsChecked 를 호출setIsChecked 가 호출되면 호출된 결과에 따라 isChecked 변수가 갱신되며, React는 새로운

1\. 변수에 할당할 수 있다. 따라서 함수를 배열의 요소나 객체의 속성값으로 저장할 수 있다.다시 말해서 함수를 데이터(string, number, boolean, array, object) 다루듯이 다룰 수 있다는 말이다.함수도 변수에 저장될 수 있기 때문에 함수를

DOM은 document 객체를 통해 HTML(root document)에 접근새로운 div element를 만들었다.자바스크립트로 DOM 조작하는 방법자바스크립트에 어떤 작업의 결과를 담으려면 어떻게 해야할까?변수를 선언하고 어떤 작업의 결과를 변수에 할당해야한다.d

클로저 함수의 정의 특징 1) 함수를 리턴하는 함수 예제 > const adder = x => y => x + y; adder(5)(7) // 12 이거를 어떻게 해석할 수 있나? adder = x은 adder = (x)과 같고 adder(x)와 같다 따라서, 위

console.log(1,2,3 === 1,2,3); -> falsewhy?다른 객체를 나타낸다. 배열 값이 같더라도 다른 주소에 저장되있을 수 있다.Checkpoint{ score: 3 }은 객체의 주소값을 전달하여 함수에 영향을 받고score = 80 값 자체를 복

최소 값 최대 값 구하는 다양한 방법1\. for 문 이용

Access Denied 출력 시 정책 생성기를 통해 설정이는 해당 URL을 알고 있는 모든 주체(Principal)가 객체에 접근할 수 있는 것을 의미합니다. 또한 객체(Object) 즉, 파일을 다운로드 할 수 있도록 설정하겠다는 의미그리고 Resource에는 자신

ROW 생성ROW 조회ROW 하나 조회특정 컬럼 조회기본적인 조건부 조회 (where, op)정렬 조회할 ROW 갯수 설정 (limit, offset)ROW 수정ROW 삭제관계 JOIN

서버나 내 컴퓨터에 직접 설치git저장소 계정과 연동 - 레포지토리에 프로젝트 선택 - 자동화 처리작업 세팅배포 자동화 서비스reverse proxy : 서버 단에 있는 프록시 서버forward proxy : 사용자 관점에서 서버와 사용자 사이의 프록시 서버로드밸런싱아

Join

데이터베이스 생성 데이터베이스 사용 테이블 생성 테이블 삭제 칼럼 생성(create) 칼럼 조회 (read) 특정칼럼만 조회

equelize 커맨드를 사용하기 위해 sequelize-cli 를 전역으로 설치 및 초기화$ npm i $ npm i sequelize mysql2 $ npm i -g sequelize-cli $ sequelize initsequelize-cli가 자동으로 생성하는

AWS EC2에 접속하기방금 받은 내 Keypair의 접근 권한을 바꿔주기SSH로 접속하기EC2에 Node.js 설치node -v 명령어와 npm -v 버전 확인EC2 몽고디비 설치하기몽고디비 실행하기몽고디비 접속 계정 생성하기몽고디비 재시작 명령어는 sudo serv

첫 번째 인자가 수정할 대상, 두 번째 인자가 수정할 내용입니다슬라임의 hp가 너무 낮은 거 같아서 올려봅니다$set을 해야 해당 필드만 바뀝니다.만약 $set을 넣지 않고 그냥 { hp: 30 }만 하면 Slime 다큐먼트가 다 지워지고 { hp: 30 } 이라는 객

findById(id)는find({\_id : id}) or findOne({\_id: id})와 거의 동일합니다 대신, 문서의 \_id로 조회하려면 findOne({ \_id: id })를 사용하는게 좋다

ejs 예시아래 코드들은 ejs를 사용하여 HTML내에서 javascript를 실행하는 예시이다.(.ejs파일에서만 ejs문법을 쓸 수 있다.)users객체를 전달하면서 index.js를 렌더링users 객체를 받아서 forEach로 출력결과ejs파일 분할<% i

res.send의 경우 만능으로 쓰인다.res.send()는 ajax의 response에 배열, 객체, 문자열의 모습으로 값을 보낸다예를 들어 res.send(write) 경우 배열안의 객체 형태로 값을 보낸다res.send({ write })의 경우 객체의 형태로 값

자바스크립트의 window.location에는 URL정보를 볼 수 있는 변수들이 있는데아래의 내용은 http://kftc.local:8088/test.jsp?gg=1 주소를 실행시켰을때 반환될 수 있는 정보들의 예 이다window.location.hostnam

웹서비스들을 운영할 때 로그인, 회원가입을 구현하는 방법이 몇 가지가 있다.쿠키로 구현하는 방법 (위험하다. 해커한테 어서 가져가십쇼 하는 꼴)세션으로 구현하는 방법외부 서비스를 빌려 Oauth로 구현하는 방법토큰 방식으로 구현하는 방법. (<-- JWT가 이 방

웹 스토리지 객체(web storage object)인 localStorage와 sessionStorage는 브라우저 내에 키-값 쌍을 저장할 수 있게 해줍니다브라우저를 다시 실행해도(localStorage의 경우) 데이터가 사라지지 않고 남아있습니다쿠키를 사용하면 브

cookie는 req.cookie.{object_name}에 저장사용자의 컴퓨터가 현재 가지고 있는 쿠키를 확인 하는 방법은req.cookies.cookie name 입니다.쿠키를 저장하는 방법은res.cookie(‘cookie name’, ‘cookie value’,

node.js로 페이지 렌더링을 하게 되면 중복되는 값들이 있다.이 값들을 한꺼번에 처리할 수 있는 함수가 바로 res.locals 이다.해당 함수를 쓰면 렌더링시 중복되는 값들을 저장해놓고 계속해서 쓸 수 있다.자세한 사항은 아래의 링크를 참조하면 된다.https&#

쿠키는 브라우저가 서버로부터 응답으로 Set-Cookie 헤더를 받은 경우 해당 데이터를 저장한 뒤 모든 요청에 포함하여 보낸다.하지만 데이터를 여러 사이트에 공유할 수 있기 때문에 보안에 취약하다.세션은 쿠키를 기반으로 구성된 기술 단, 클라이언트가 마음대로 데이터를

웹서버를 만들기 위해서는 url관리, 파일관리, 로그인을 위한 작업 등 웹서버에 필요한 기능들을 만들어야하는데 이러한 기능들을 미리 만들어둔 것을 프레임워크 라고 한다.그중 express는 node에서 웹서버를 만들기 위해 쓸 수 있는 가장 보편적은 프레임워크이다.라우