전체 글

JavaScript DataStructure

자료구조(Data Structure) 데이터에 편리하게 접근하고 변경하기위해 데이터를 저장하거나 조직적으로 만드는 방법 (알고리즘은 저장된 데이터들을 처리하는 과정을 말한다) 1. 단순구조 (Primitive Data Structure) - 프로그래밍에 사용되는 기본 데이터 타입 - JS의 원시타입에는 string, number, boolean, null, undefined 가 존재한다 2. 비단순 구조 (Non-Primitive Data Structure) - 여러 데이터를 목적에 맞게 효과적으로 저장하는 자료 구조 - JS의 참조타입에는 object, array, function 이 존재한다 3. 선형 구조 (Linear Data Structure) - 저장된 자료의 전후 관계가 1:1 인 경우 4...

ES6 , Map(), Set()

Set() Set은 value 들로 이루어진 컬렉션 new Set()은 새로운 set 을 만든다 Set은 인덱스로 데이터를 조회할수 없다 set.size 는 set 이 가지고있는 데이터의 개수를 조회한다 set.has(value) 는 value가 set 안에 존재한다면 true 를 반환한다 indexOf()로 데이터를 찾는것보다 Set이 더 빠르다 set.add(value) 는 value 를 set 안 에 추가한다 Set에는 같은 데이터가 2번 존재할수가 없다, 같은 데이터가 추가되는 경우 추가되지않는다 set.delete(value) 는 value 를 set 에서 제거한다 set.clear() 는 set 안의 모든 데이터를 제거한다 set.keys(), set.values(), set.entries()..

JavaScript Syntax Basics

1.변수 변수는 값을 할당하고 저장된 값을 참조하기위해 사용한다 . 한번쓰고 버리는값이 아니고 유지할 필요가 있는 값은 변수에 할당한다 변수이름을 통해 값의 의미를 명확하게 할수있어 코드 가독성 또한 좋아진다 변수는 위치를 기억하는 저장소다. 위치란 메모리 상의 주소를 뜻한다 . 변수란 메모리 주소에 접근하기위해 사람이 이해할수있는언어로 지정한 식별자다 변수를 선언할때 var 키워드를 사용하고, 할당 연산자 = 는 변수에 값을 할당하기 위해서 사용한다 (여기서 잠깐 ES5 이후로 var 은 사용하지않는다 , let 이나 const 를 주로 사용함 자세한건 추후에 다루겠음) let x; x = 3; 2.값 let str = 'Hello World'; 위 예제는 str이라는 이름의 변수를 선언하고 문자열 리..

How does a browser works?

브라우저 동작원리 구글의 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임환경(Runtime Environment)인 Node.js 의 등장으로 자바스크립트는 웹브라우저를 벗어나 서버사이드 애플리케이션 개발에서도 사용되는 범용 개발언어가 됬다 그래도 자바스크립트가 가장많이 사용되는 분야는 역시나 웹 브라우저 환경에서 동작하는 웹 페이지/ 애플리케이션이다. 대부분의 프로그래밍 언어는 운영체제 위에서 실행되지만 웹 애플리케이션의 자바스크립트는 브라우저에서 HTML,CSS와 함께 실행된다 브라우저 환경을 고려할때 보다 효율적인 자바스크립트 프로그래밍이 가능하다 브라우저의 핵심 기능은 사용자가 참조하고자 하는 웹페이지를 서버에 요청하고, 서버의 응답을 받아 브라우저에 표시한다 브라우저는 서버로부..

What is the JavaScript?

1.자바스크립트의 탄생 1995년 당시 엄청난 시장 점유율로 웹 브라우저 생태계를 지배하고있던 넷스케이프 커뮤니케이션즈 Netscape - Wikipedia From Wikipedia, the free encyclopedia Jump to navigation Jump to search American computer services company Netscape Communications Corporation (originally Mosaic Communications Corporation) was an American independent computer services company with headqua en.wikipedia.org 정적인 HTML 을 동적으로 표현하기위해 경량의 프로그래밍 언어를..

Java Script Basic concepts (기본개념)

1. 프로그래밍이란? 1. What is Programming 프로그래밍은 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다, 컴퓨터와 커뮤니케이션하기앞서 내가 무엇을 원하는지알아야한다 Programming is kind of communication requires computer to execute but before communicating with computer, need to know what i want 문제를 명확하게 이해하고 적절한 문제 해결 방안이 필요 need clearly understanding this problem and appropriate solution 이때 요구되는것이 문제해결능력이다 required at this time is problem-solving skills ..

나이키 범고래 페이즐리 드로우 당첨후기, 리셀후기까지

생애 처음이자 마지막이였던 나이키 범고래 페이즐리 당첨후기를 한번 적어보려고합니다용 내인생에 그런일이 있겠어라는 생각이 들었지만 언젠가는 한번쯤은 그래도 당첨되지않을까라는 생각을가지고 럭키드로우라는 앱을 통해서 무작정 신발응모를 시작한지 어언4개월차 2021년 12.28일 에 결국 당첨이 되어버리고 말았슴둥.... 실제로 기분이 엄청나게 좋았지만 여성용 230 사이즈....신을려면 최소한 엄지발가락은 잘라야지만 제가 신을수있는 신발이기때문에 당연히 리셀을 하기로 마음을 먹었습니다 당첨매장은 동탄 나이키매장!!! 우리집에서 왕복 4시간!!개이득!!!!! 신발이 뭐라고 저는 동탄까지 가게된걸까요?... 그래도 첫당첨에 첫수령이기때문에 신난마음을 가지고 수령하러갔습니다!! 실제로 저렇게 사진만찍고 저는 다른목..

JS 실행컨텍스트?...그게 뭔데요?...

실행 컨텍스트 실행 컨텍스트는 JS의 동작원리를 담고있는 핵심개념 잘 이해하기만 하면 스코프기반으로 식별자,식별자에 바인딩된값을 관리하는방법이나 호이스팅이 생기는 이유, 클로저의 동작방식, 태스크 큐, 함께 동작하는 이벤트 핸들러, 비동기 처리방식을 이해하기 쉽다고한다 소스코드의 타입 ES사양은 소스코드를 4가지타입으로 구분한다고한다 해당 4가지타입의 소스코드는 실행 컨텍스트를 생성 4가지로 구분하는 이유는 타입에따라 실행 컨텍스트를 생성하는 과정과 내용이 달라서 1.전역코드 전역코드는 전역변수를 관리하기위해서 최상위 스코프인 전역스코프를 만들어야한다 var 키워드로 만들어진 전역변수와 함수 선언문으로 정의된 전역 함수를 전역 객체의 프로퍼티와 메서드로 바인딩하고 참조하기 위해서 전역 객체와 연결되어야한..

JS 스코프에 대해서...알고싶지않지만 알아야겟지

스코프 스코프(유효범위) 는 JS 를 포함한 모든 프로그래밍 언어의 기본적이고 가장 중요한 개념이라고 한다 (너무부담) 스코프의 이해가 부족하면 다른 개념을 이해하기 가 어려울수도있음 JS 의 스코프는 다른 언어의 스코프와 구별되는 특징이 있어서 좀더 주의를 기울여야할 필요가 있음 그리고 var 키워드로 선언한 변수와 let , const 키워드로 선언한 변수의 스코프도 각각 다르게 동작한다 스코프는 변수 , 함수와 깊은 관련이 있다 이미 본인도 모르는 사이에 스코프를 경험했을수도있다 함수의 매개변수는 함수 내부에서만 참조할수있고 함수 외부에서는 참조 할수 없기 때문에 이것은 매개변수를 참조할수있는 유효범위, 매개변수의 스코프가 함수 내부로 한정이되기때문 function add(x,y) { // 매개변수..

JS 제어문이란?

제어문 조건에 따라 코드를 특정조건에 따라 실행하거나, 반복 실행할 때 사용 일반적으로 코드는 위에서 아래방향 으로 순차실행 동기방식 이지만 제어문을 사용하면 코드의 실행순서를 인위적으로 제어가능 과도힌 제어문의 사용은 코드의 흐름을 이해하기 어렵게 만든다 (개인적인의견으로는 어쩔수없다고 생각합니다 충분히 다른 forEach, map, filter ,reduce 로 대체가 가능한 상황이있을수있지만 그렇지 않은상황에서 덕지덕지 제어문을 사용해도 나쁘지는 않다고생각합니다) 블록문 0개 이상의 문을 중괄호로 묶은것 (진짜 이해하기 어렵게 설명해놓은것 같습니다 쉽게말해 0개 이상의 코드구문을 중괄호로 감싼것 이라고 생각하는게 좀더 편할거같습니다) JS는 블록문을 하나의 실행 단위로 취급 단독으로도 사용가능하지만..