개발일지

템플릿 리터럴 Template Literals 백틱을 사용해서 문자열을 하나로 합치는거 변수를 넣어서 사용가능 줄바꿈도 가능 ${} 인터폴레이션(interpolation) 을 사용하여 변수나 표현식을 넣어서 사용할 수 있다 자세한 내용은 블로그 wil에 적어 두었다 구조분해 할당 구조분해 할당은 배열이나 객체의 속성을 해체해서 그 값을 개별 변수에 담을수 있게 하는 자바스크립트 표현식이다 객체에서 구조 분해 할당 아래 이미지처럼 객체의 프로퍼티를 변수에 지정해줄때 변수 하나하나에 닷 노테이션을 이용해서 객체의 밸류를 넣어줘서 하였는데 아래처럼 구조분해 할당을 이용해서 한줄로 변수를 넣어줄수 있다 이때 변수명과 키의 이름이 같아서 변수에 객체의 밸류가 들어가서 변수명을 불러오면 그에 맞는 밸류가 나온다 변..

구조분해 할당 구조분해 할당은 배열이나 객체의 속성을 해체해서 그 값을 개별 변수에 담을수 있게 하는 자바스크립트 표현식이다 1.문법 구조분해의 기본 문법은 아래와 같습니다. const [a, b] = [1, 2]; console.log(a); // 1 console.log(b); // 2 const [c, d, ...rest] = [1, 2, 3, 4, 5, 6, 7]; console.log(c); // 1 console.log(d); // 2 console.log(rest); // [3, 4, 5, 6, 7] const { e, f } = { e: 1, f: 2 }; console.log(e); // 1 console.log(f); // 2 const x = [1, 2, 3, 4, 5]; const ..

부트캠프 1일차를 시작했다 자바스크립트에서 브라우저 없이 사용할수 있는 node.js 를 배웠고 자바스크립트로 어떤식으로 데이터가 이동하는지 보기 위해 휴대폰 인증 토큰 코드를 간략히하고 정리하는 법을 배웠다 node.js 자바스크립트를 브라우저 없이 실행할 수 있게 해주는 실행프로그램, 액샐프로그램 등을 만들때 사용 하려고 만들어졌다 npm Node Package Manager Node.js 기반에서 실행될 수 있는 모듈(프로그램보다 작은 단위 기능들)을 관리하는 관리자 노드설치시 npm자동으로 설치 된다 터미널을 통해서 npm으로 연결된 사이트에서 원하는 기능을 다운로드 해와서 사용가능하다 npm install 이란 명령어 사용 yarn 페이스북에서 npm을 더빠르게 만든패키지 매니저 npm에 비해 ..

Template Literals ES6에 새롭게 생긴 문자열 표기법이다 문자열을 감쌀 때 '(작은따옴표) 나 "(큰따옴표)를 사용하지 않고 `` (백 틱)으로 전체를 감싸서 사용한다. 백틱 안에서 작은따옴표나 큰 따옴표를 사용이 가능하다 따로 문자열 안에 +를 사용하지 않아도 한 번에 같이 출력되어서 나옴 템플릿 리터럴 기능 1.줄바꿈이 가능해진다 기존에 따옴표를 사용할 때는 줄 바꿈이 허용이 되지 않아 백슬래쉬로 시작하는 이스케이프 시퀸스를 사용했으나 템플릿 리터럴이 나와서 잘 사용하지 않을 거 같다 2. 표현식 삽입 ${} 인터폴레이션(interpolation) 을 사용하여 변수나 표현식을 넣어서 사용할 수 있다

HTTP 통신 HyperText Transfer Protocol 텍스트 형식의 데이터를 주고 받을때 사용 html 작성된 웹페이지도 텍스트형식이라서 주고받을수 있음 웹에서 서버와 클라이언트가 통신하기 위한 프로토콜 프로토콜이란 정보를 교환하는 형식이나 정보를 주고받는 방법들을 규정해 놓은 규칙 http 통신 특징 1. 클라이언트의 요청이 있어야 서버가 응답하는 단방향통신이다. 2. 서버와 클라이언트가 계속 연결을 유지하지 않고 클라이언트가 서버에 요청하면 정보를 전송하고 연결이 종료된다 이때 서버는 클라이언트의 상태를 저장하지 않는다 다만 쿠키,세션,토큰 등을 통해서 연결을 유지시킨다. 3. 클라이언트는 서버의 규정에 맞게 요청을 보내야 정상적인 응답을 받을 수 있다 api를 통해 정상적인 응답이 어떤건..

1주 차에 배운 함수에 대해서 좀 더 배운 하루가 되었다 함수 어떤 기능을 수행 할수 있는 도구 원하는 기능을 만들어서 필요한 곳에 사용할 수 있다 이런 도구를 활용하기 위해서는 함수를 호출하여 사용 하는 방법이 있다. 함수 호출 function SayHi(){ console.log("안녕하세요 여러분") } SayHi() // 함수를 사용하기위한 호출 // 호출 할때 괄호를 꼭 써야함 함수의 리턴 함수 내부에 존재하는 데이터는 밖으로 내보낼수내보낼 수 없지만 return을 통해서 외부로 연산의 결과나 데이터를 내보낼 수 있음 return은 바로 뒤에 오는 데이터를 함수를 호출했던 위치로 전달해준다 어떤 함수가 return 해주는 데이터를 지정해주면 위의 이미지처럼 해당 반환값을 특정 변수에 담아줄 수 ..