스택 & 큐스택출입구가 하나인 우물 형태의 데이터 구조 스택의 입력과 출력 순서스택의 출입구는 하나입력의 순서와 출력의 순서가 다름입력 순서 : 1 - 2 - 3 - 4 - 5출력 순서 : 5 - 4 - 3 - 2 - 1 큐양방향 출입이 가능한 파이프 형태의 데이터 구조 큐의 입력과 출력 순서입구와 출구가 다름 → 제일 먼저 들어간 데이터가 제일 먼저 나옴입력의 순서와 출력의 순서가 같음입력 순서 : c - b - a출력 순서 : c - b - a 실행 컨텍스트와 호이스팅실행 컨텍스트실행할 코드에 제공할 환경정보를 모아둔 객체자바스크립트는 동일한 환경에 있는 코드들을 실행할 때 필요한 환경정보를 모아 컨텍스트를 구성하고, 해당 컨텍스트를 콜스택에 쌓아둠실행 컨텍스트를 생성하기 위한 가장 ..

배열 전체 순회 forEach()map(), for()과 비슷한 기능을 하며, 주어진 함수를 배열의 각 요소에 실행시킴map()과 다르게 forEach()는 배열을 리턴하지 않음undefined를 리턴arr.forEach(() => { //각 배열의 원소에 반복하고 싶은 코드})배열을 반환하고 싶다면 빈배열 안에 push 해서 넣어주어야 함※ 새로운 배열이 필요할 때는 map을 사용 / 배열은 필요없지만 반복문을 사용할 때는 forEach 사용forEach는 배열을 순회하는 도중에 멈출 수 없지만, 배열을 순회하는 속도가 빠름배열 탐색(원하는 요소 찾기) indexOf()배열에 특정 원소가 있는지 탐색하고 찾은 첫번째 요소의 인덱스를 반환존재하지 않으면 -1을 반환arr.indexOf("탐색하고싶은 요소..

배열에 원소를 추가하거나 제거하는 메서드 push / pop배열의 맨뒤에 추가(push)하고 제거(pop)하는 메서드// pushlet fruits = ["포도, "복숭아", "딸기", "수박"]fruits.push("샤인 머스캣", "귤")// 결과fruits = ["포도", "복숭아", "딸기", "수박", "샤인 머스캣", "귤"]// poplet fruits = ["포도", "복숭아", "딸기", "수박"]let one = fruits.pop()// 결과one = "수박"fruits = ["포도", "복숭아", "딸기"]push는 한번에 여러개의 원소를 넣어줄 수 있음pop은 빼올 수 있는 원소가 고정적 (배열의 맨 뒤 원소)push는 새롭게 추가된 원소를 반영하여 새로운 배열을 반환pop은 제거..

배치 방법 결정하는 속성 display 속성 display 속성을 사용하면 블록 레벨 요소와 인라인 레벨 요소를 서로 바꿔서 사용 가능 주로 웹 문서의 내비게이션을 만들면서 메뉴 항목을 가로로 배치할 때 많이 사용하고, 이미지를 표 형태로 배치할 수 있음 자주 사용하는 display 속성값 block : 인라인 레벨 요소를 블록 레벨 요소로 만듦 inline : 블록 레벨 요소를 인라인 레벨 요소로 만듦 inline-block : 인라인 레벨 요소와 블록 레벨 요소의 속성을 모두 가지고 있으며 마진과 패딩을 지정할 수 있음 none : 해당 요소를 화면에 표시하지 않음 -(예시) : 예시 1 예시 2 예시 3 예시 4 -(결과) : 왼쪽이나 오른쪽으로 배치하는 속성 float 속성 태그는 블록 레벨 요소..

요소 주변의 여백을 설정하는 속성 margin 속성 요소와 요소 사이의 간격을 조절 할 수 있음 4개 방향에 똑같이 지정할 수 있고, margin 다음에 하이픈(-)을 넣고 위치를 나타내는 예약어를 사용해서 특정 방향에만 지정할 수도 있음 기본형 : margin: | | auto margin 속성값 : 너비값이나 높이값을 px이나 em 같은 단위와 함께 수치로 지정함 : 박스 모델을 포함한 부모 요소를 기준으로 너비값이나 높이값을 퍼센트(%)로 지정함 auto : display 속성에서 지정한 값에 맞게 적절한 값을 자동으로 지정함 마진 속성을 사용하여 웹 문서를 가운데 정렬하기 margin 속성을 사용하여 웹 문서의 내용을 화면 중앙에 배치하려면 배치할 요소의 너비값이 정해져 있어야 함 margin-l..

박스 모델의 방향top : 윗 부분right : 오른쪽bottom : 아랫 부분left : 왼쪽테두리 스타일을 지정하는 속성border-style 속성기본값은 noneborder-style 속성값none테두리가 없음 / 기본값hidden테두리를 감춤 / 표에서 border-collapse: collapse일 경우 다른 테두리도 표시되지 않음solid테두리를 실선으로 표시함dotted테두리를 점선으로 표시함dashed테두리를 짧은 직선으로 표시함double테두리를 이중선으로 표시함 / 두 선 사이의 간격이 border-width 값이 됨groove테두리를 창에 조각한 것처럼 표시함 / 홈이 파인 듯 입체 느낌inset표에서 border-collapse: seperate일 경우 전체 박스 테두리가 창에 박혀..