본문 바로가기

장원익 기술블로그

📺 Front End/- HTML,css,Javascript29

[Javascript-Core] Execution Context와 Hoisting의 상관 관계와 오해, 그리고 이해 부제 :: EnvironmentRecord가 Hoisting을 하는 방법 호이스팅(Hoisting) 호이스팅은 지난 시간에 이야기 했던 실행 컨텍스트의 Creation Phase에서 어떤 방식으로 작동하는지에 대한 방식인데, MDN에서는 다음과 같이 경고하고 있다. 보통 사람들이 호이스팅이 일어나면 변수나 함수가 코드 상단으로 끌어올려진다라고 하는데, 이는 잘못된 정보이다. 변수나 함수 코드는 실제 위치 그대로 존재하고 개념적으로 상단으로 끌어올려진다라고 표현하는게 정확하다. Hoisting을 이해했는지 확인해보자. MDN에서는 위와 같은 방식을 호이스팅이라고 예시를 제시하고 있다. 그럼 다음과 같은 상황에서 각각의 x는 어떤 방식으로 출력될지 스스로에게 대답해보자. 결과가 무엇일지 체크해보자. 1 undefined 2 1 1 2 EnvironmentRecord에 의한 Hoi.. 2020. 7. 28.

[Javascript-Core] Execution Context, 실행 문맥에 관하여 알아보자. Execution Context 실행 컨텍스트는 실행할 코드에 필요한 환경 정보를 모은 객체를 뜻한다. 이는, OS를 학습하다가 마주하게 되는 실행 문맥, 실행 컨텍스트, 익스큐션 컨텍스트와 다들 동일한 개념이다. 조금 쉽게 이야기 한다면 예를 들어서 우리가 var a = 10; function hello() { var b = "hello"; return b; } 와 같은 코드가 있다면 여기서 실행에 필요한 환경 정보는 var a = 10과 hello()함수와 var b = 'hello'가 있을 것이다. 식별자와 변수등과 같은 정보를 가리키고 있는 객체를 실행 컨텍스트라고 한다. 이런 실행 컨텍스트는 콜 스택에 의해 실행 환경에 대한 순서를 보장하는데, 순차적으로 코드를 Interpreting 하면서 콜.. 2020. 7. 27.

[Javascript-Core] 자바스크립트의 null과 undefined 내 주 언어는 자바이다. 자바에서 보통 값이 없음을 표현하는 방법은 대표적으로 null이 있다. Spring 개발을 하다가 자주 마주하게 되는 nullPointException. 하지만 자바스크립트에서 없음을 표현하는 방법은 2 가지가 있다. null undefined 오늘 알아볼 것은 이 두 가지 없음을 표현하는 방법이다. null null은 대표적으로 값이 없음을 의미한다. null은 변수 할당 과정에서 참조하고 있지 않음을 나타낸다. 하지만 우리가 null을 만나기 위해서는 임의적으로 null이라는 것을 할당해줘야 하므로 데이터 타입으로 분류한다. 이러한 null을 고의적인 비할당이라고 표현하기도 한다. undefined undefined는 변수를 생성하고 아직 할당되지 않았음을 의미한다. 이런 상.. 2019. 11. 29.

[Javascript-Core] 변수의 선언 var과 let 그리고const의 차이 :: Difference among var and let and const 자바스크립트를 학습하기 위해서 책을 봤을 때, 대부분의 책에서 var으로 변수를 선언하라고 가르친다. 하지만 내가 예전에 소마를 준비할 때 소마 시험을 위해 잠깐 자바스크립트를 공부했던 적이 있는데, 그 때 var대신 let으로 변수를 선언하라고 했던 글을 본 적이 있었다. 오늘은 그 두 차이점을 확실히 비교해보고 넘어가보자. 결론 var let const 재선언 O X X 재할당 O O X 생존 범위 Funtion Scope(함수) Block Scope(중괄호) Block Scope(중괄호) 변수 자바스크립트에서도 다른 언어와 같이 변수에 값을 담을 수 있다. 변수는 variable으로 변할 수 있는 데이터를 담는 그릇의 역할을 수행한다. 우리가 변수를 사용하는 이유는 각각 다른 알고리즘을 통해서 특정.. 2019. 11. 29.

[Javascript-Core] JavaScript 의 특징과 다른 언어와의 차이점 Javascript와 다른 언어의 차이점 컴파일러와 인터프리터 자바스크립트를 이해하기 위해서는 컴파일러와 인터프리터의 차이를 이해하는데에서 부터 시작한다. 컴파일 언어 소스코드를 실행하기 위해서는 기계어로 번역하는 과정이 필요한데 이러한 과정을 컴파일(Compile) 이라고 한다. 이러한 컴파일을 수행하는 언어를 컴파일 언어 라고 하는데 대표적인 예로 C, C++, C# 등이 있다. 컴파일 언어는 컴파일 하는데 시간이 오래 걸리지만 실행되는 속도가 빠르다는 장점이 있다. Build Time Source에 대한 기계어 번역 Run Time 기계어 번역 후 기계로 전달. 인터프리터 언어 자바스크립트는 인터프리터 언어로 프로그램의 소스코드를 한 줄마다 기계어로 번역하는 방식을 취하고 있는데 이는 한 줄 한 줄.. 2019. 11. 29.

6. HTML 폼 태그 폼(form) 웹에서는 사용자에 대한 웹 서버의 일방향적 정보 전달 뿐 아니라 사용자와 웹 서버간의 데이터를 주고받아야 한다. 이러한 양방향적 특성을 위해 태그를 사용한다. 폼 태그의 사용 폼 태그 HTML 문서에서 폼을 통하여 사용자의 입력 데이터를 웹 서버로 전송한다. 태그 안에 또다른 태그를 포함하는 것은 불가능하다. action : 데이터를 처리할 프로그램의 rul method : 데이터를 서버에 전달하는 방법 get : query string이 그대로 url에 나타나며 데이터 양이 제한되고 노출된다. post : message body에 포함시켜 서버에게 전달되며 양의 제한이 없으며 데이터가 노출되지 않는다. encrypte : "application/x-www-form-urlencoded(기본.. 2019. 11. 29.

이전 1 2 3 4 5 다음

티스토리툴바