스택 & 큐 스택 출입구가 하나인 우물 형태의 데이터 구조 스택의 입력과 출력 순서 스택의 출입구는 하나 입력의 순서와 출력의 순서가 다름 입력 순서 : 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.indexO..
배열에 원소를 추가하거나 제거하는 메서드 push / pop 배열의 맨뒤에 추가(push)하고 제거(pop)하는 메서드 // push let fruits = ["포도, "복숭아", "딸기", "수박"] fruits.push("샤인 머스캣", "귤") // 결과 fruits = ["포도", "복숭아", "딸기", "수박", "샤인 머스캣", "귤"] // pop let fruits = ["포도", "복숭아", "딸기", "수박"] let one = fruits.pop() // 결과 one = "수박" fruits = ["포도", "복숭아", "딸기"] push는 한번에 여러개의 원소를 넣어줄 수 있음 pop은 빼올 수 있는 원소가 고정적 (배열의 맨 뒤 원소) push는 새롭게 추가된 원소를 반영하여 새로..
배치 방법 결정하는 속성 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 속성 기본값은 none border-style 속성값 none : 테두리가 없음 / 기본값 hidden : 테두리를 감춤 / 표에서 border-collapse: collapse일 경우 다른 테두리도 표시되지 않음 solid : 테두리를 실선으로 표시함 dotted : 테두리를 점선으로 표시함 dashed : 테두리를 짧은 직선으로 표시함 double : 테두리를 이중선으로 표시함 / 두 선 사이의 간격이 border-width 값이 됨 groove : 테두리를 창에 조각한 것처럼 표시함 / 홈이 파인 듯 입체 느낌 inset : 표에서 border..
