본문 바로가기

학원에서 배운 것85

KDT 5th 웹개발자 입문 수업 20일차 - 2 부트스트랩 테일윈드? 도 유명(React와 쓴다고 함) https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com 프론트 프레임 워크로 이미 작성되어 있는 프론트 요소들을 가져다 쓰거나 반응형을 구현할 수 있음 1. 이미 만들어진 디자인 요소를 예시로 간단히 가져와서 사용 가능 -> 프론트에선 레이아웃 정도만 참고할 것 2... 2023. 2. 22.
KDT 5th 웹개발자 입문 수업 20일차 - 1 1. @keyframes CSS 속성을 구간별로 정의해서 애니메이션 효과를 줄 수 있다. @keyframes 애니메이션변수명 { from { } to { } // or 0% { } 25% { } 50% { } 75% { } 100% { } } CSS 안에 animation 속성으로 지정해줄 수 있고 animation : 애니메이션변수명 애니메이션지속시간 지연시간 반복여부 타이밍함수; animation-name animation-duration animation-delay animation-iteration-count aniamtion-timing-function 2. window.localStorage 브라우저에 간단한 정보를 영구히 저장하기 위한 수단 프론트에서 저장할 것이 필요할 때, 브라우저에게 간.. 2023. 2. 22.
KDT 5th 웹개발자 입문 수업 19일차 - 2 랜딩 페이지 제작 1. 영상 고르기 https://pixabay.com/videos/ 2. 폰트 세팅 구글 폰트의 import 방식으로 scss에 @import 로 넣어주기 3. _reset.scss 구현 margin, padding 0 ul, ol list-style none a text-decoration none 4. Header 부분 KDT ABOUT HOBBY COMMUNICATION EFFORT 랜딩페이지므로 헤더만 있으면 된다. 5. SCSS를 사용하여 스타일 시트 작성하기 // Variable $font-color : white; // Common body { background-color: black; a { color: $font-color; } } // Header header { w.. 2023. 2. 21.
KDT 5th 웹개발자 입문 수업 19일차 - 1 프로젝트 시작 시 프로세스 1) 팀장 : 로컬 저장소 위치 지정 2) 팀장 : 깃헙 레포지토리 만들고 Settings -> Collaborators로 팀원 초대 3) 팀원 : Your organizations 에서 초대 join -> Accept invitation 4) 팀원 : git 주소를 받아서 git clone 주소 1. rebase 팀원이 push한 내용을 각자의 branch에서 작업 중 pull 하려고 할 때, main에는 해당 push한 내용이 있지만 자신의 branch에는 해당 내용이 없기 때문에 최신 업데이트된(pull) main 을 기준으로 자신의 브랜치를 업데이트 하고자 할 때 자신의 브랜치에서 git rebase main 해주면 된다. 그러면 main의 최신 사항이 자신의 브랜치에 .. 2023. 2. 21.

티스토리툴바