개발일지

템플릿 리터럴 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 해주는 데이터를 지정해주면 위의 이미지처럼 해당 반환값을 특정 변수에 담아줄 수 ..

어제부로 css 기초강의가 끝났다 css 마지막 부분에 대해서는 내가 집중력이 떨어지고 이해하는 부분이 너무 없어서 작성을 제대로 못하였다 . 오늘부터는 javascript 강의가 시작 되었다 javascript 자바스크립트란 웹페이지를 동적으로 동작할 수 있도록 만들어주는 프로그래밍 언어이다. 변수와 상수 웹페이지의 기본은 데이터 관리 라고 할수 있다. 데이터를 관리하는대 가장 효율적인 방법은 어딘가에 저장하고 출력하여 정제가 가능하도록 하는것이다 이를 변수와 상수를 이용하는 방법이다. 변수와 상수란 무엇일까 자바스크립트에서는 데이터를 다루기 위해 변수와 상수를 사용 합니다. 이때 변수와 상수는 데이터를 담고 꺼내쓰는 상자라고 생각하면 좋다 변수와 상수는 데이터를 재사용할수있고, 해당 데이터에 접근하기..

오늘은 css 3일차 강의를 들었다 어제에 우선순위를 얘기하다가 말았는데 오늘 이어서 해보겠습니다. cascading(캐스케이딩) 한 요소가 여러가지를 속성값을 상속받게 되었을 경우 캐스케이딩을 통해 우선순위가 결정된다 Cascading Style Sheet 여기서 Cascading 는 폭포, 위에서 아래로 흐르는 이라는 의미를 가지고 있습니다.\ CSS에서의 Cascading은 브라우저에 어떤걸 먼저 그려줄 지 결정하는 우선순위 적용 원리 입니다. 우선순위를 적용해주려면, 적용할 기준이 필요하겠죠? 지금부터는 Cascading의 우선순위 적용기준에 대해 알아보도록 하겠습니다. 1. 중요도 CSS가 선언된 위치에 따라 중요도를 판단합니다.브라우저 스타일 시트 < 사용 스타일시트 < **개발자 스타일 시트..