Front-end3 [development] front-end 개발자가 되기 위하여 알아야 할 Javascript 개념들 ▷ 함수, 객체 ▷ 비동기라는 개념 - 이벤트 드리븐 프로그래밍 ▷ callback, promise, async/await ▷ 호출스택, 이벤트루프, 실행 컨텍스트 ▷ scope ▷ this(call, apply, bind) ▷ closure ▷ 생성자 ▷ 프로토타입 ▷ 서브타입 & 슈퍼타입 📌 부차로 공부할 것 ▷ DOM ▷ 디자인 패턴 ▷ map, filter, reduce (필수) ▷ 이차원 배열 ▷ 함수형 프로그래밍 (선택) 2021. 9. 26. [TIL] 2021-07-31 1. flexbox가 아닌 text-align 속성을 이용해서 요소를 정렬할 수 있다. 현대 브라우저에서 어떤 요소를 중앙에 배치하려면 display: flex; justify-content (en-US): center;를 사용하면 됩니다. 하지만 플렉스 박스 레이아웃을 지원하지 않는 Internet Explorer 8-9 등 오래된 브라우저를 지원해야 하면 margin: 0 auto;를 대신 사용하세요. (출처: MDN) body { text-align: center } 2. margin: auto; 브라우저가 적절한 여백 크기를 선택. 예를 들어 요소를 중앙 정렬하고 싶을 때 사용할 수 있다. (엘리코딩 실습5에서 사용) +) margin 값으로 %(percentage)도 사용가능. 3. flex와 .. 2021. 8. 1. [CSS] box-shadow Box-shadow - 그림자 효과 - 3개의 value /* x축 | y축 | 색상 */ box-shadow: 60px -16px teal; - 4개의 value /* x축 | y축 | blur-radius | 색상 */ box-shadow: 10px 5px 5px black; (blur-radius 값이 클수록 크기는 커지면서 테두리는 흐려지고 색은 옅어짐) - x축과 y축의 값이 모두 0일 때 /* x축 | y축 | blur-radius | 색상 */ box-shadow: 0px 0px 15px #orange; 2021. 7. 18. 이전 1 다음
