본문 바로가기

전체 글110

패스트캠퍼스 환급챌린지 28일차 미션 (2월 28일) : 프론트엔드개발 강의 후기 오늘의 목표 Part 2. Git을 활용한 버전관리 깃 / 깃허브 깃(git)과 깃허브(github)란 무엇일까? 깃(git) 여러사람들과 파일 작업을 조율하기 위한 관리시스템 git은 리누스 토발즈(Linus Torvals)가 2005년 리눅스 커널 개발에 사용할 관리 도구로 개발한 이후 주니오 하마노(Junio Hamano)에 의해 유지보수 되고 있는 소프트웨어 분산 버전 관리 시스템 오늘은 깃을 설치하고, 깃허브를 설치하고, vs code 에 있는 스타벅스 예제를 깃허브에 업로드 하는 걸 해봤다. 아래 있는 건 초반에 설치하고 딱 한 번만 하면됨. ⬇️⬇️⬇️ 개행문자(newline) 설정 *운영체제 마다 다름. mac - $ git config --global core.autocrlf input .. 2024. 2. 28.
패스트캠퍼스 환급챌린지 27일차 미션 (2월 27일) : 프론트엔드개발 강의 후기 오늘은 이전에 했던 내용들 복습하고, 스타벅스 예제를 끝냈다...! pagination swiper-prev swiper-next java에서 어떤 특정 변수의 값을 지속적으로 반대값으로 전환시켜줄 수 있는 코드 ! 사용하기 ex)..... isHidePromotion = ! isHidePromotion .... 버튼 중에 반전으로 사용할 때는 버튼 뒤에 btn--reverse를 넣어준다. 23 영상 넣기 23 반복 애니메이션 넣기 반복재생의 유무가 True일 경우, 반복재생할 유튜브 영상 ID 를 입력해주어야 한다. ① gsap의 to라는 메소드는 첫번째로 선택자를 받을 것이다 ② 랜덤 함수를 통해서 지속시간을 실행할 것이다 ③ 옵션 지정 *반복- yoyo라는 속성 부분에 true를 줘서 애니메이션이 .. 2024. 2. 27.
패스트캠퍼스 환급챌린지 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.

티스토리툴바