CSS,HTML,JAVASCRIPT (5) 썸네일형 리스트형 호출스택, 이벤트 루프 자바스크립트 1. 호출 스택 function first() { second(); console.log('첫 번쨰'); } function first() { third(); console.log('두 번쨰'); } function first() { console.log('세 번쨰'); } first(); Anonymous은 가상의 전역 컨텍스트(항상 있다고 생각하는게 좋음) 함수 호출 순서대로 쌓이고, 역순으로 실행됨 함수 실행이 완료되면 스택에서 빠짐 LIFO 구조라서 스택이라고 불림 function run() { console.log('3초 후 실행'); } console.log('시작'); setTimeout(run, 3000); console.log('끝'); 위 코드의 결과는 시작 -> 끝 -> .. 화살표 함수 문법 일반 함수와 화살표 함수의 차이점 일반 함수: 함수 선언식과 함수 표현식 function main(){ return "hi"; } 함수 선언식: 함수를 선언하는 가장 기본적인 방식, 함수의 호이스팅이 됨. -함수 선언식은 함수의 이름을 기재해줘야 됨. 따라서 익명의 함수를 사용할 수 없음 *호이스팅: 함수의 선언을 최상단으로 끌어올리는 것 function main(){ return "hi"; } 함수 표현식: 익명의 함수 사용 가능 const main = function(){ console.log("hello") } 화살표 함수 (ES6 때 생김) const main = () => { console.log("hi"); } //기본 표현식 function add(a, b) { return a + b; } .. JavaScrpit - This this -> { } 객체를 가리키는 뜻 this가 가리키는 객체는 상황에 따라 다름 this는 함수를 호출한 객체이다 전역적인 문맥에서 this는 window를 가리킴 함수 내부에 있는 this는 어떤 함수를 호출했느냐에 따라 달라짐 일반적으로 함수의 this값은 .왼쪽에 있는 값 this 값이 바뀌지 않게 고정하고 싶으면 Bind 를 사용하면 됨 바인드 함수를 만들고 바인드 함수안에 this 값을 넣어줌 main.bind 안에 들어가 값이 고정된 값이 된다 object란 이름의 객체안에 name 값은 별코딩 이지만 뒤에 bind로 name값을 멋진 객체로 고정해주면 this값은 멋진 객체가 호출된다 display: inline과 inline-block에 대해서 알아보기 display: inline; display 속성이 inline으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. 대표적인 inline 엘리먼트로 이나 , 태그 등을 들 수 있습니다. 예를 들어, 여러 개의 inline 엘리먼트 다음과 같이 마크업하면 줄바꿈 없이 순서대로 한 줄에 보이게 됩니다. inline 엘리먼트를 사용할 때 주의할 점은, width와 height 속성을 지정해도 무시된다는 것입니다. 또한, margin과 padding 속성은 좌우 간격만 반영이 되고, 상하 간격은 반영이 되지 않습니다. display: inline-block; 기본적으로 inline 엘리먼트처럼 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치되지만, block 엘리먼트처.. HTML 테이블 그리는데 사용되는 태그 정리(th, tr, td) 먼저 테이블을 작성하기 위해서는 을 사용하여 테이블을 만든다. 그리고 과 사이에 태그를 넣어 세부 구성을 만든다. 이 때 필요한 태그들은 , , 태그들이다. th는 'table header'의 약자로 테이블의 타이틀을 표현한다. 안에 bold로 굵은 글씨를 center로 가운데 정렬을 넣어 데이터를 상세하게 표현할 수 있다. tr은 'table row'의 약자로 테이블의 행을 표현한다. 즉, 이 하나의 행인 것이다. td는 'table data'의 약자로 테이블에 들어가는 데이터, 셀을 의미한다. 즉, 하나의 테이블 안에 태그로 행을 표현하고, 그 안에 태그를 이용하여 데이터를 표현 하는 것이다. 예를 들어 테이블에 대한민국이라는 글자를 넣고 싶으면 대한민국로 표현하는 것이다. 이전 1 다음
