본문 바로가기

프로그래밍/HTML & CSS & JavaScript2

[JavaScript] 콜백 함수, Promise, async & await JavaScript는 싱글 스레드로 작동한다. 그래서 자바스크립트는 한번에 하나의 작업밖에 수행하지 못한다. - 끝 - 이 아니라 동시성 프로그래밍을 위해 비동기처리를 한다. 사실 비동기처리를 해도 싱글스레드인데 네트워크 통신을 하면서 UI 작업을 하는 등 동시성을 보일 수 있는지 궁금 할 것이다. 해당 내용을 다루기 위해서는 JavaScript 엔진과 Web API, Task Queue, Event Loop 등을 다루어야 하는데 나중에 다른 게시글로 다루겠다. (궁금한 분은 구글링) * 동기 프로그래밍? console.log('1'); setTimeout(()=>{ console.log('2'); },3000); console.log('3'); Javascript가 아닌 Java나 C, Python 등.. 2020. 7. 23.
[CSS] 스타일 강제 적용 및 적용 예외 CSS를 다루다보면 하위 태그에서 일부 CSS가 적용이 안되기를 바라거나 특정 속성만 덮어쓰기를 하고 싶을 때가 있다. 하위 속성에서 특정 속성을 덮어쓰기 하고 싶다면 !important로 강제 적용을 해주고 하위 속성에 CSS를 물려주기 싫다면 not 선택자로 예외처리해주자! 1. CSS 강제 적용 p { color: #FFF } .example { color: #000 !important } p태그의 글자색을 하얀색으로 지정했지만 example 클래스를 물려받은 곳은 글자색이 검정색일 것이다! 2. not 선택자 p:not(.example){ color: #FFF } p태그의 글자색은 하얀색으로 지정했지만 example 클래스는 제외하고 하얀색으로 지정하는 것이다! 2020. 7. 8.