바벨(Babel)을 왜 사용할까? 자바스크립트 컴파일러 ES6 문법을 ES5로 변경해줌 새로운 문법이나 타입스크립트, JSX 언어들이 모든 브라우저 환경에서 동작할 수 있도록 호환성을 지켜주는 것 브라우저가 JSX 문법..
계기 청력이 나빠짐을 느낌. 공부하는데 주의력 분산이 빈번하게 발생하여 같은 내용을 다시 읽게 됨. TV도 게임도 최근 3주간 하지 않았으니 이 사태의 범인으로 'music is my life' 를 지목함 기간 일주일..
1. 스코프 매개변수를 참조할 수 있는 유효 범위 function add(x, y) { // 매개변수는 함수 몸체 내부에서만 참조할 수 있음 // 매개변수의 스코프(유효범위)는 함수 몸체 내부 console.log(x, y) // 2 5 return x..
1. 함수 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것 매개변수(인수, 반환값) : 함수 내부로 입력을 전달받는 변수 함수 정의를 통해 생성 2. 함수를 사용하는 이유 필요할..
1. 원시값 변경 불가능한 값 원시 타입의 값, 원시 값은 변경 불가능한 값 한번 생성된 원시 값은 읽기 전용 값. 변경할 수 없음 데이터의 신뢰성 보장 원시값을 할당한 변수에 새로운 원시 값 재할당 시 재할당..
1. console.dir() console.log 대신 사용 시, Element 를 더 상세히 보여줌 2. document.querySelector() 찾는 요소와 최초로 일치한 element 반환 Grab me 1! Grab me 2! Grab me 3! const title = document.quer..
1. 객체란? 자바스크립트는 객체 기반의 프로그래밍 언어 원시값을 제외한 나머지 값(함수, 배열, 정규식)은 모두 개체 원시 값은 변경 불가능한 값이나 객체는 변경 가능한 값 0개 이상의 프로퍼티로 구성된 집합..
1. 타입 변환? 명시적 타입 변환 : 개발자가 의도적으로 타입 변환하는 것 => 타입 캐스팅 암묵적 타입 변환 : 개발자의 의도와 상관없이 표현식 평가 도중 자바스크립트 엔진에 의해 타입이 변환되는 것 => 타입..
현재 상황 3년 7개월 정도 근무 후 퇴사, 6개월 공백 상태 디블리셔(웹디자인/웹퍼블리싱)로 일함 -> 유지보수 국민 취업지원제도 병행 중 디자인 작업이 훨씬 많았기 때문에 동일 경력의 퍼블리셔보다 경험이 부..
1. 작업 환경 조성 Visual Studio Code / GIT 설치 / 카카오 개발자 회원가입 (api 사용, 키 값 발급) 공공데이터포털 회원가입(api, 데이터를 받아와 쓰는 곳) Visual Studio Code 에서 확장 프로그램 live serve..
자바스크립트(ES6)는 7개의 타입 제공 원시 타입 / 객체 타입으로 분류 원시 타입 : 숫자, 문자열, 불리언, undefined, null,심벌 타입 객체 타입 : 객체, 함수, 배열 등 1. 숫자 타입 // 숫자 타입은 모두 실수로..
1. 값 식(표현식)이 평가되어 생성된 결과 식을 해석해서 값을 생성하거나 참조하는 것2. 리터럴 2. 리터럴 사람이 이해할 수 있는 문자 or 미리 약속된 기호를 사용해 값을 생성하는 표기법 사람이 이해할 수 있..
1. 블록문 0개 이상의 문을 중괄호로 묶은 것 자체 종결성을 갖기 때문에 블록문의 끝에 ; 붙이지 않음 // 블록문 { var foo = 100; } // 제어문 var x = 1; if( x < 10 ) { x++; } // 함수 선언문 function sum(a..
1. return return () 안에는 병렬로 2개 이상 기입 금지 2. state 자료 잠깐 보관할 때 사용 import { useState } from 'react'; useState(보관할 자료) let [작명a, 작명b] a -> 내가 보관한 자료, 변수처럼 사용..
1. 리액트 개발 환경 셋팅 node_modules 폴더 : 라이브러리 코드 보관함 public 폴더 : static 파일 모아놓는 곳 , 퍼블리싱 파일, 이미지 파일 잠깐 보관하고 싶을 때 src 폴더 : 가장 중요, 코드는 여기서 짬 js..
1. 산술 연산자 피연산자 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만듬 이항 산술 연산자 ex) + , - , * , / , % 단항 산술 연산자 ex) ++ , -- , + , - 증가/감소(++/--) 연산자 : 피연산자의 값을 변경..
1. 변수란 무엇인가? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체, 그 메모리 공간을 식별하기 위해 붙인 이름 프로그래밍 언어에서 값을 저장하고 참고하는 메커니즘, 값의 위치를 가리키는 상징적 이름..
1. 자바스크립트 실행 환경 브라우저 : HTML,CSS, 자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링. 파싱된 HTML 요소를 선택하거나 조작하는 기능의 집합인 DOM API를 기본으로 제공, 보안상 파일 시스..
1. 자바스크립트의 탄생 1995년 넷스케이프 커뮤니케이션즈가 웹페이지의 보조적인 기능을 수행하기 위해 경량 프로그래밍 언어를 도입하기로 함, 브렌던 아이크가 자바스크립트를 개발 1996년 3월, 넷스케이프의..
1. 프로그래밍 컴퓨터에게 실행을 요구하는 커뮤니케이션 컴퓨터는 양적 개념인 숫자를 통해 명령해야 함 2. 프로그래밍 언어 문제해결방안은 컴퓨터가 이해할수 있는 기계어로 전달해야 함 사람이 기계어를 사용..
1. GitHub에 코드를 올리는 과정 내 컴퓨터 프로젝트 폴더에 '여기에서 Git을 쓸거다!' 라고 명령 즐겁게 코딩 내가 변경한 파일 중 올리길 원하는 것만 선택 선택한 팔일들을 한 덩어리로 만들고 설명 적어주기(e..