Frontend
1.CSS - Flexbox란?
대부분 사이트는 전체 레이아웃이 수직 구성이며 스크롤을 통해 움직인다...
2.frontend - (1) : HTTP Protocol
이번 시리즈에서는 현업 프론트엔드 개발 과정에서 익혔던 기본적이고 굉장히 유용한 정보들을 기록으로 남기고자 한다. 여담이지만 이러한 내용들을 모르고 현업에 종사하는 개발자들이 생각보다 많다. 충격적이다. 그러나 나는 꼭 기초부터 쌓아올려야겠다..Hypertext Tra
3.frontend - (2) : storage
웹 프론트엔드 개발에서는 여러개의 저장소를 사용해야한다. 로그인에서 사용되는 쿠키나 세션, 브라우저의 정보를 저장하는 로컬 스토리지와 세션 스토리지.. 등이 있다. 해당 정보에 대해서 자세히 정리해보고자 한다.쿠키는 클라이언트 로컬에 저장되는 key, Value 형태의
4.frontend - (3) : Interactive web
HTML, CSS, JS 의 기초가 어느정도 잡히게 되었다면 다음으로 준비해야할 것은 인터액티브 웹 디자인을 시도해보는 것이다.모달http://yoonbumtae.com/?p=3632슬라이드https://penguingoon.tistory.com/25
5.frontend - (4) : Blocking & Non-Blocking , Sync & Async
호출되는 함수가 바로 리턴하여 제어권을 언제 넘겨주는지를 관심사로 갖는다.Called Func 이 Callee Func 에 바로 리턴하고(결과가 없더라도), 호출한 함수에게 제어권을 넘겨주는 경우 Non-Blocking이다.반대로 호출된 함수가 자신의 작업을 모두 마칠
6.frontend - (6) : css 방법론
프로젝트가 커질수록 CSS 도 그만큼 커지고, 복잡도는 높아진다. 불필요한 작업 및 중복을 최소화 하고 효율적임과 동시에 동료(다른사람) 이 쉽게 파악 할 수 있는, 즉 유지보수성이 좋은 CSS 를 만들기 위해선 몇가지 규칙이 필요하다. BEM SAMCSS OOCSS
7.frontend - (7) : Event flow
자바스크립트를 이용해서 Dom 을 조작하는 것은 많은 프론트엔드 개발자에게 필수이다. 일반적인 웹 페이지에서 Dom의 존재 이유는 어쩌면 이벤트를 다루기 위함이라고 생각한다. Dom은 일반적으로 트리구조로 구성되어있고, 자세히 설명하지는 않겠다. 브라우저 위에 겹겹이
8.frontend - (8) : Event delegation
이번 포스팅은 지난 (7) 번째 이벤트 버블링과 캡처와 연결된다. 이벤트 위임은 실제 바닐라 JS로 웹앱을 만들때 자주 사용된다.이벤트 위임은 한문장으로 설명하면 하위 요소에 각각 이벤트를 바인딩하는 것이 아닌, 상위 요소에서 하위 요소를 바인딩하는 것 이다.아래 예제