본문 바로가기

공부

 (171)
변수 ~ 연산자 eslint 환경만들기 메모리란? 1바이트 단위로 저장된 셀단위 int i = 정적타입 언어 타입이 정적이다 (선언할때) var a 동적타입 언어 타입이 동적이다 (할당할때 변수에 값에따라 종류가 달라진다) 선두 주소만 기억하고, 타입에 의해서 몇 바이트를 가져와야겠다 앎 자바스크립트는 개발자가 타입을 덜 신경쓰게 만든 언어다. 타입이 없는게 아니다. type스크립트를 쓰면 (자바 스크립트를 정적 타입언어 처럼 사용할 수 있게 만듬) 자바스크립트 실행환경 3가지 cmd창에 node 치고 거기에 자바스크립트 코드 작성 console 에디터사용 초기화단계 var x 자바스크립트 엔진한테 x라는 변수명(식별자)를 사용하겠다고 알리는것 실행컨텍스트때, x라는거 사용하겠다고 써두고 메모리공간확보 원시타입값은 변경..
변수, 선언, 식별자, 할당, 정의 변수,:어떠한 '한 값'을 갖기위한 메모리의 '주소' 또는 '그 자체' 선언 var a (주소의 값의 이름을 엔진에게 알려준다. 그자체를 엔진에게 알려준다) 할당 (그 공간 자체에 값을 할당) 식별자(변수,함수 등 다른것과 구별할 수 있게 하는것) -어떤것을 구분하기 위한 것 변수,함수 ( 그중 이미 선언된 식별자가 예약어) 정의(var a ; 를 하게되면 '타언어에선 선언'만 되지만 자바스크립트에서는 자동으로 undefined라는 값으로 할당까지 이뤄지고, 정의된다. 그렇기 때문에 선언과 정의를 구분하는 것은 의미가 없고, 굳이 차이점을 만들어야한다면 var a = null;을 하여 a에 값이 없게 만들어야 한다 선언만 된 상황)
var, let, const의 차이는? var, let, const는 변수를 선언하기 위한 키워드이며 버전에 따른 차이가 있습니다. es6 이전에는 모두 var 키워드로 변수를 선언했고 편리했지만 단점을 발생시켰습니다 es6 이후 let과 const 키워드가 생겨난 후, 더 이상 var 키워드는 사용하지 않는 것이 좋으며 대표적인 차이는 호이스팅 되는 방식입니다. var 키워드는 함수 레벨 스코프를 지원하며 let, const 키워드는 블록 레벨 스코프를 지원합니다 let 과 const의 차이는 재할당이 가능 여부인데 let은 가능 const는 불가능합니다. --- var의 단점: - 함수 레벨 스코프 - var 키워드 생략 허용 - 변수 중복 선언 허용 - 변수 호이스팅 - 긴 생명주기 - 암묵적 결합 - 스코프 체인 상 종점에 위치 - 네..
브라우저의 동작원리 브라우저의 동작원리 사용자가 브라우저에다가 주소검색창에 블라블라를 치고 엔터를 치면, 브라우저 엔진에서 서버에 자원을 요청하고 받은뒤, 랜더링엔진에 가서 html파일을 로드한뒤, 파싱해서 dom트리를 그린다 그리는 와중에 css링크를 만나면, dom트리 그리던걸 중단하고 css를 로드해서 파싱하고 cssom트리를 그린다. dom트리와 cssom트리를 다 그리면 렌더트리를 완성하는데, 완성하기전에 script태그를 만나면, 자바스크립트 엔진으로가서 자바스크립트를 로드한뒤 파싱하고, ast를 그린다 이것을 다끝내면 렌더트리를 그린뒤 사용자에게 보여준다. 이과정이 브라우저의 동작원리이고, 이때 브라우저의 핵심기능은 렌더링트리가, script태그를 바디 끝부분에 작성하는이유는 dom트리가 다그려지기 전에 동작들..
자바스크립트, 동작원리 Node.js는 런타임 envirment ( 실행시킬 수 있는 환경) web api (dom , event , event handler) 뭔가 쉬워지면 좋아할것이 아니다 10(메이저).12(마이너).6(패치) 패치:버그만잡은거 마이너:사용자는 x api기능상승 메이저:breakchange 일어날 가능성 있음 호환이 안될 수 있다 http 1.대와 2.대의차이 1점대 주소창에 엔터를 치면 서버를 찾아간다 (여러번 요청한다) 나는 통신을 ,https로 할것이며 www.naver.com으로 요청 할거야 뒤에 뭐가 없으면 메인 index.html을 보여줘 2점대 : 한번에 다준다 서버가 판단해서 여러개를 보낸다 parse : 사람이 보기 쉬운 소스코드를 브라우저가 이해할 수 있는 해석하는것 메타 데이터: 컴퓨터..
변수 호이스팅 변수의 선언문 보다 호출문이 먼저 발생했을시, 참조에러가 발생할 것 같지만 발생하지 않고 undefined값이 출력되는것. 변수의 선언문은 런타임이 아니라 , 파싱타임(실행 이전에 먼저 발생한다는것) 선언문이 마치 코드의 상단에 끌어 올려진것처럼 동작하는 자바스크립트 고유의 특징
자바스크립트와 ES의 차이 목적 : 넷스케이프에서 브라우저(html/css)를 동적으로 활용?사용?적용? 하고싶었다. 그래서 자바 스크립트라는 언어를 만들었다. 그러니까 따른 브라우저들도 이 언어를 탑재하기 시작했다. -> '표준이 필요했다' -> 그게 ES 근데 표준을 따르는 것은 브라우저마다 차이가 있다. js엔진의 차이 ㅡ>엔진마다 호환성이 적다 그래서 babel탄생 -> 자바스크립트는 1개의 코어와 2개의 모델로 구성되어있다. 웹 api라고 했는데? ES는 자바스크립트의 코어이고, API: 프로그램과 또다른 프로그램을 이어주는 다리 역할 스마트폰을 사용하는데 홈키가 없다면 ? ㅡㅡㅡㅡㅡㅡㅡㅡ 자바스크립트 개발 환경과 실행 자바스크립트라는 언어로 클라이언트단에서 ES+WEB API 서버단에서 ES + NODE API를 이용해..
bottom-up의 괴로움 bottom-up(상향식) 방식의 괴로움 프로의 훈련 방식: 기본기 중심+ 개념(용어) 중시 +WHY 괴롭고 어렵고 힘들다 시간이 많이 소요된다 혼자하기 힘들다 기본기에 충실한 프로 엔지니어가 될 수 있다. 커뮤니케이션이 잘된다 인정받는다 이유를 안다 응용이 된다 프로그래밍의 궁극적인 능력인 문제 해결 능력이 향상된다 결국은 빠른길이며 프로로 인정받는 길 bottom(상향식) 방식을 중심으로 top-down(하향식) 방식을 가미 bottom-up 오전 액티비티(리버덕 = 설명할 수 있어야 아는 것이다) +이론수업 top -down 실습(코딩 능력= 되는 이유 /안 되는 이유) 목적을 잃지 말기(무조건 돌아가려고 만들지 말기, 못 만들어도 된다) 안되면 왜 안되는지 파는 것이 공부 내가 모르면, 욕을 먹더..

티스토리툴바