본문 바로가기

패스트캠퍼스46

패스트캠퍼스 환급챌린지 26일차 미션 (2월 26일) : 프론트엔드개발 강의 후기 오늘의 목표 지난 거 다시 듣고 복습 하고 오늘꺼 추가로 듣기!!! 오늘꺼 꼭 듣자! 왜냐하면 지난 번 꺼 들어야 이해가 되니까.. 버텨보즈아아 오늘은 진짜 많이 들었다.. 끄아 너무 힘들지만.. 그래도 복습을 시작하고 나서 내용정리를 추가적으로 해봅시다아 복습 13 순차적 애니메이션_버튼 throttle( 함수, 시간) 의미 정리 gsap.to(요소, 지속시간, 옵션); *JS 에서는 문자는 ' ' 작은 따옴표 안에 넣어야 함. section 이라는 태그는 header 태그 처럼 사용할 수 있음 (div와 같이 자유롭게 사용해도 되는 태그이지만 어떤 영역을 만든다는 의미로 header 다음 영역을 설정할 때 section을 사용함) *이미지태그 사용할 때, alt=''에 대체 텍스트가 명확하지 않다면 .. 2024. 2. 26.
패스트캠퍼스 환급챌린지 25일차 미션 (2월 25일) : 프론트엔드개발 강의 후기 오늘의 목표 16. 요소 슬라이드 -공지사항 17. Swiper.js 라이브러리 버전 확인하기 18. 요소 슬라이드 - 수직 슬라이드(Swiper) 오늘은 게으름을 엄청 피우다가 강의를 듣기 시작했다. 스타벅스 예제를 하면서 사실 사이트 하나를 만드는데에 들어가는 코드가 점점 길어지고, 네이밍도 헷갈리고 __언더바를 두개쓰고 네이밍을 써야하는 게 생기니까 어디에 들어있는 태그 안에 들어있는 태그 안에;..... 엄청 태그가 길어지고 많아진다. 가로로도 세로로도 길어지는 태그 속에서.. 멘붕이다. 오 대박 오늘 스와이프 에서 원하는 demo 들을 찾아서 어떻게 코드로 입력하면 되는 것인지를 알 수 있었다. get started 설치를 하고 나서 스크립트 파일 연결을 해서 공유하면 된다... display:.. 2024. 2. 25.
패스트캠퍼스 환급챌린지 24일차 미션 (2월 24일) : 프론트엔드개발 강의 후기 오늘의 목표 뱃지 남은 내용들 강의 듣고, 순차적인 애니메이션 13 14 15 이다. 오늘은 으아 토요일이라서 더더 하기 싫어서 몸부림치는 몸을 붙들고 책상에 앉았다.\으아 어제 그제 스타벅스 예제를 하면서 문득 생각나는 게 있다. 굳이 안 붙여도 되지만, 매번 끝나는 태그에 뒷 쪽에 /이걸 붙이시는 거다. js에서는 필요한 부분이라고는 했다. 굳이 안 붙여도 된다는 이야기도 했지만 갑자기 생각난 내용. 으아 애니메이션은 보통 "transform", "transition", "@keyframes", "animation" 이 있다. 그 중에서 대표되는 transition 에 대해서 정리를 했다. 트랜지션(transition)은 CSS 프로퍼티의 값이 변화할 때, 프로퍼티 값의 변화가 일정 시간(durati.. 2024. 2. 24.
패스트캠퍼스 환급챌린지 23일차 미션 (2월 23일) : 프론트엔드개발 강의 후기 -오늘의 목표 오늘은 Ch 10. 스타벅스 예제의 전반적인 내용을 다시 듣고, 헤더와 드롭다운 내용 그리고 추가로 배지 내용까지! 오늘은 회사 일을 끝내고 강의를 들었다. 듀얼 모니터로 강의를 들으니 한 화면에서 강의 듣고, 다른 화면에서 예제를 바로 vscode로 작성할 수 있으니까 너무 편하다. 확실히 효율도 올라간다. 사실 처음에 강의활용을 잘 할 줄 몰랐다. 깃허브에서 다운받고 css 내용을 복사하는 건 어디서 해야하는 지를 몰라서 계속 헤맸다. 강의를 들으면서 바로바로 예제를 해보고 확인을 바로 하고 싶었는데.. 울면서 할 수 있는 것들을 찾아서 하고 있었다. 그런데 오늘 천천히 다시 들으면서 찾아보니 강의듣는 곳 하단 탭을 보니 강의자료가 있는 게 아닌가!!!!! 강의를 시작한지 한달이 되어가.. 2024. 2. 23.

티스토리툴바