목록스터디 (4)
N

함수 실행 컨텍스트 함수를 호출하면 함수 코드가 평가되어 함수 실행 컨텍스트가 생성된다. 생성된 함수 실행 컨텍스트는 '실행 컨텍스트 스택(콜 스택)'에 푸시되고 함수 코드가 실행된다. 함수 코드의 실행이 종료되면 함수 실행 컨텍스트는 콜 스택에 팝 되어 제거된다. 동기 처리 JavaScript 엔진은 단 하나의 실행 컨텍스트(콜 스택)를 가진다. 즉, 2개 이상의 함수를 동시에 실행할 수 없다. 한 번에 하나의 태스크를 실행하기 때문에 JavaScript 엔진은 싱글 스레드 방식으로 동작한다. -> 블로킹(작업 중단)이 발생한다. 태스크가 순서대로 처리되기 때문에 실행 순서가 보장된다. 비동기처리 현재 실행 중인 태스크가 종료되지 않은 상태라 해도 다음 태스크를 바로 실행하는 방식. 실행 순서가 보장되..

생활코딩 강의를 바탕으로 쓴 글입니다 :) 태그 table 태그는 처음에는 많이 헷갈리는 태그입니다. 우선 예제를 통해 알아보겠습니다. tag percentage head 98.1% body 97.9% html 97.9% table 태그에도 속성이 많지만 간단하게 border만 적용하였습니다. border는 윤곽선을 그리며, 해당 속성이 없을 경우 선이 그어지지 않기 때문에 눈으로 확인하기 어렵습니다. 그래서 간단하게 border="1"로 지정하여 구분하기 쉽게 그렸습니다. 우선 tr 태그 입니다. 은 table row로 행을 추가할 때 사용합니다. 맨 위에서부터 차례대로 확인해보면 tag와 percentage가 1번째 행입니다. 하지만 다른 행과 다르게 글자가 가운데 정렬이 되어 있으며, 굵게 나오는 ..

생활코딩 강의를 바탕으로 쓴 글입니다 :) P 태그와 br 태그 p tag VS br tag 태그 없이 글을 쓰게 된다면 줄바꿈을 해도 적용되지 않습니다. 그래서 태그를 이용해 줄바꿈을 적용해 봅시다. p는 paragraph의 약자입니다. 즉 하나의 문단을 만들 때 사용합니다. 태그 내에서 줄바꿈을 하면 적용이 될까요?? br은 원하는 위치에서 줄바꿈을 할 때 사용합니다. 특징은 닫는 태그가 없습니다. 닫는 태그란 위 문단에서 p 태그의 끝에 있는 /p가 없다는 뜻입니다. 위 코드를 실행한 화면입니다. p 태그 내에서 줄바꿈을 해도 적용이 되지 않는 것을 확인할 수 있습니다. 하지만 각각의 p 태그마다 줄바꿈이 적용되는 결과를 확인할 수 있습니다. br태그는 위의 설명처럼 닫는 태그가 없습니다. br 태..

생활코딩 강의를 바탕으로 쓴 글입니다 :) 생활코딩 강의를 보면서 웹 공부를 하려고 합니다. 우선 간단한 태그에 대해 알아보겠습니다. 아래 코드를 저장하고 실행해보겠습니다. 안녕하세요! 혼자하는 웹 스터디! 이 문장에서는 밑줄을 그어보겠습니다. HTML에는 많은 태그(TAG)가 존재합니다. h1 ~ h6의 태그를 알아봅시다. h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그입니다. h5 태그입니다. h6 태그입니다. 위의 코드를 실행한 결과입니다. : 흔히 강조할 때 사용하는 태그입니다. 안녕하세요! 가 진하게 표시된 걸 확인할 수 있습니다. : 밑줄을 표시하는 태그입니다. : division의 약자로 웹 페이지의 논리적 구분을 하기 위해 사용합니다. 아무런 스타일이 지정되어 있지 않기 때..