코딩 일기장

단축키 / vsCode 단축키 Window + Tab: 새로운 데스크톱 생성 가능 Window + Ctrl + 방향키: 여러개 데스크톱 이동 가능 Ctrl+Shift+P: 커맨드창 Ctrl+Shift+P => wrap => 선택한 영역 wrapping => 단축키 등록해서 쉽게 사용하자 Ctrl+Shift+W // 각 요소가 ul 태그 밑에 li태그에 href="/" 값을 가진 태그로 wrapping됨 ul>li*>a[href="/"] vsCode 확장 프로그램 git history auto close tag auto complete tag auto rename tag live server vscode-icons degit 라이브러리 깃 클론 편하게 해주는 라이브러리 모든 레포지토리가 아니라 일부 폴더만..

css로 포스트잇 모양처럼 한 쪽 모서리가 접힌 모양을 만드는 방법입니다. 각 네모가 postit class를 가진 div 입니다. postit class에 before 효과를 줘서 모서리가 잘린 효과를 주었습니다. before에 border-top color를 white나 투명한 색으로 바꿔주면 모서리가 잘린 느낌을 줄 수 있습니다. 꼭 postit에 position: relative 속성을 추가해야지 before effect가 postit class에 적용 된다는 점 참고해주세요! hover effect는 .posit:hover:before 라고 해야 적용됩니다! 1. 백준 2097번 2. 백준 10020번 .postit { border: 1px solid #0000004d; display: bloc..

[container에 사용하는 속성들] display: flex justify-content : 중심축(row, column)에서의 위치를 조정해주는 속성 center flex-start flex-end space-around : 모든 아이템들이 같은 간격으로 배치 space-between: 첫 아이템과 마지막 아이템의 align-items : 수직축을 중심으로 위치를 조정해주는 속성 flex-start flex-end center baseline: 각 item들의 text가 같은 위치에 오도록 배치 stretch (default) flex-direction row: 요소들을 텍스트의 방향과 동일하게 정렬 row-reverse: 요소들을 텍스트의 반대 방향으로 정렬 column: 요소들을 위에서 아래로 ..