\(@^0^@)/

- 제로베이스 HTML/CSS 과제 드디어 끝냈다! 1-2군데 거슬리는 부분이 있지만, 어떻게해야 좋을지 잘 모르겠어서 우선은 그냥 제출하기로 결정ㅠ 다음에 다른분들은 어떻게 했는지 물어보자! - 유데미 알고리즘 Sliding Window 문제풀이 - 프로그래머스 JS스터디 과제 export default function component ({ initialState, $target }) { const $element = document.createElement('div'); $target.appendChild($element); this.state = initialState; this.render = () => {}; this.setState = (nextState) => { this.state = n..

💥 Icon Font 란? SVG 기반의 Vector 그래픽을 Font 파일화 하여 CSS를 통해서 Icon을 사용하는 방식으로, 수많은 이미지 아이콘을 관리해야 하는 방법과 다르게 단순히 Font 파일과 CSS만 관리하면 된다. 대표적으로는 Material-Icon, FontAwesome 이 있으며, 그 외 여러 프레임워크에서 자체 Icon Font를 지원하기도 함. 지난 5년 동안 FontAwesome의 관심도가 Material-Icon보다 더 높은 것을 볼 수 있음. 👍 Icon Font 장점 1. 하나의 글꼴 파일에 다양한 아이콘을 넣어두고 사용 2. CSS로 확장하여 모든 작업이 가능 3. Vector Graphic이기 때문에 크기 변형에 제한이 없음 4. Unicode 또는 Ligature 사..

- 제로베이스 HTML/CSS 과제 js와 연결해서 active 해주는 코드가 ul을 중첩으로 3 depth까지 넣는 구조라서.... 코드가 한번 꼬이니까 걷잡을 수 없어서 하루 종일 헤맸다ㅠㅠ 역시 이럴 땐 그냥 다 지우고 다시 하는 게 빠른 것 같다. 괜히 붙잡고 있다가 시간만 낭비했어!! 어느 정도 끝나서, 저녁 먹고 또 하면, 계획대로 오늘 안에 끝낼 수 있을 것 같다. 파이팅! 아 근데 카테고리 ul을 중첩으로 넣어, 3 depth까지 스타일링하는 부분에서 js와 연결이 잘 되게 구조화하면 자꾸 html 문법 검사에서 ul 요소는 ul을 자식으로 허용하지 않는다는데ㅠ.. 그렇다고 html 문법에 맞게 수정하면 console에 error throw 하게 구현된 과제라서.. 우선은 문법 검사에서 오..