2023년부터 로그 기록 2023년부터 로그 기록

목차 1. 인트로 2. CSS 텍스트 관련 속성 3. GitHub 저장소에 신규 코드 폴더 업로드 1. 인트로 - CLI git 에서 애먹는 사람들이 많음 - 점심이나 저녁 추천메뉴를 커밋하면서 연습하는 방법이 있음 2. CSS 텍스트 관련 속성 2-1. Color - 컬러보드를 통해서 색상 변경과 투명도(transparent) 변경이 가능함 - 투명도는 알파값 2-2. currentColor - color 상속 - 요소들이 많아 졌을 때 색상 관리하는데 유용함 - (개발자 도구) 제일 마지막 요소의 Color 값에서 대비율을 확인할 수 있음 - 카카오 고대비 태마 - 대비율은 웹 접근성 검사에서 사용됨 (노안, 색약을 위한 작업) - Lighthouse 보고서 생성 (웹 접근성 검사) 2-3. CSS ..

1. 수업 전 알아두기 1-1. 추천하는 확장도구 - (VSCode) Prettier : 코드 태그 자동생성 - (VSCode) Live Server : 실시간으로 Live Server 웹페이지를 열어 수정사항 확인 가능 휴대폰과 PC가 동일한 와이파이로 연결되어 있다면 휴대폰에서도 서버 웹페이지를 동일하게 확인가능 - (VSCode) vscode-icons : vscode 내 icon을 변경 가능 (setting > file theme 검색 > Icon Theme: VSCode Icons) - (VSCode) ident-rainbow : tab 색깔 변경 - (VSCode) Gitmoji : Git 활용시 커밋 메시지에 이모지 적용 - (VSCode) Ayu Mirage Bordered : (미설치) ..

1. 우리는 이렇게 공부해요 학습 곡선 어디에 있든지 그저 묵묵히 걸으면 목표한 바를 이룰 수 있다. 남은 비교 대상이 아니다. 초점을 안으로 모아 나만의 속도로 페이스를 잃지 마시고 묵묵히 걸어가라. 뱁새가 황새 따라가는 법은 뒤따라 나는 것이다. 그러면 같은 곳에 착지한다. 매우 많은 지식을 습득하게 될 것입니다. 때로는 너무 많은 지식에 버겁다고 느껴질 것이다. 그러나 버거운 마음을 내려두고 이해가 안되는 채로 내버려 두라. 중요한 것은 다시 나온다. 그러면 다시 공부하면 되다. 2번이 안되면 3번이면 된다. 모두의 속도는 다른다. 또 모두가 시작한 시점이 다르다. 나만의 속도로 페이스를 잃지 않고 묵묵히 걸어가라. 당신의 때가 옵니다. 반드시 옵니다. 2. 멋사 Front-end 공부방법 2-1...

목차 1. HTML/CSS 2. 김멋사 이력서 1. HTML/CSS 1-1. HTML - Section Tag 1-2. CSS - montserrat 폰트를 가져와서 전체 문서의 폰트로 변경 - Lorem Ipsum - 행간은 16px (160% 를 주는게 가장 보기 좋음) - Browser 간 다를 수 있는 마진 때문에 body, h1, h2 를 마진, 패딩 초기화 - div 가운데 정렬은 (margin-right: auto; margin-left: auto;) - div 그림자 주기 (box-shadow: 가로축 세로축 blur spray rgba(red, green, blue, 투명도);) - Floating 하고 겹치지 않게 overflow hidden 하는 법 - div 와 같지만 다르게 부르는..