저의 개인적인 기준의 이야기, 틀린 내용이 무조건 존재할 수 있습니다. (댓글을 통하여 알려주세요)
레이아웃
레이아웃은 현재 grid, flex 두 종류로 보통 구현한다. 이전에는 float을 활용하여 많이 짜긴했지만 큰틀은 이 두가지 종류를 통해 구현하는 것이 빠르고 유지보수가 쉽다.
그렇다면 무엇을 사용할까? 차이점이 무엇일까? 라고 생각이 들 것이다. 간단히 설명하면 flex는 width만 고려한 레이아웃이고, grid는 화면의 width, height을 고려한 레이아웃이다.
필요하다면 2가지 모두 다 사용해도 상관 없다.
그리고 height을 생각하여 어떤 것을 사용할지 고려도 해야겠지만, grid는 IE에서 부분 지원한다. 이 뜻은 css 속성으로 안먹는 값들이 많다. 아래의 출처 사이트 , 그러므로 당신의 사이트가 IE를 지원해야한다면, 마음 편히 flex를 이용하여 구현하라.
autoprefixer을 이용하여 IE에서도 grid를 지원할 수 있지만, 실제 구현하는데 많은 이슈가 발생할 것이다.
flex를 이용하여 구현하는 것이 훨씬 마음이 편할 것이다. (IE를 지원하지 않는게 사실 가장 마음 편함)
전부 읽지말고, 필요한 것만 읽기
관련 링크
flex
grid
- IE에서 CSS 그리드 사용하기: CSS 그리드와 Autoprefixer
- 더 나은, 간단한 그리드 시스템
- CSS Grid in IE: CSS Grid and the New Autoprefixer
- Box alignment in CSS Grid Layout
- Grid template areas
- CSS 그리드 레이아웃
- grid MDN
- Grid layout을 만드는 몇 가지 기술들
- CSS 그리드 레이아웃을 지금 사용해도 정말 괜찮을까
일어나고나니, 생각보다 즐겨찾기를 거의 저장해놓고 검색으로 들어간다는 사실을 깨달음
북마크 정리해줄 수 있는 기능을 만들어야겠는데…
필요기능 List
북마크 저장될 때마다, 최근 날짜 순으로 History 폴더 쌓기
단축키로 빠른 즐겨찾기 저장
강력한 검색 기능
빠른 즐겨찾기 파일 위치 바꾸기 (드래그)
즐겨찾기 폴더 만들기/ 삭제
정렬 기능이 필요함 (폴더별/ 전체 파일)
브라우저 화면에서 바로할 수 있어야함
깃허브, 비트버켓 이슈 연동이 같이 되면 좋겠음
- 즐겨찾기 이슈폴더 <> 이슈 코멘트 내용(참고링크) 양방향 바인딩
접기/펴기 마지막 상태 저장
+부가기능: 크롬과 웨일 같이 연동될 수 있으면 좋겠음
+부가기능: 깃허브 프로젝트 기능이 있었으면 좋겠음
