본문 바로가기

디자이너개발공부20

패스트캠퍼스 환급챌린지 26일차 미션 (2월 26일) : 프론트엔드개발 강의 후기 오늘의 목표 지난 거 다시 듣고 복습 하고 오늘꺼 추가로 듣기!!! 오늘꺼 꼭 듣자! 왜냐하면 지난 번 꺼 들어야 이해가 되니까.. 버텨보즈아아 오늘은 진짜 많이 들었다.. 끄아 너무 힘들지만.. 그래도 복습을 시작하고 나서 내용정리를 추가적으로 해봅시다아 복습 13 순차적 애니메이션_버튼 throttle( 함수, 시간) 의미 정리 gsap.to(요소, 지속시간, 옵션); *JS 에서는 문자는 ' ' 작은 따옴표 안에 넣어야 함. section 이라는 태그는 header 태그 처럼 사용할 수 있음 (div와 같이 자유롭게 사용해도 되는 태그이지만 어떤 영역을 만든다는 의미로 header 다음 영역을 설정할 때 section을 사용함) *이미지태그 사용할 때, alt=''에 대체 텍스트가 명확하지 않다면 .. 2024. 2. 26.
패스트캠퍼스 환급챌린지 23일차 미션 (2월 23일) : 프론트엔드개발 강의 후기 -오늘의 목표 오늘은 Ch 10. 스타벅스 예제의 전반적인 내용을 다시 듣고, 헤더와 드롭다운 내용 그리고 추가로 배지 내용까지! 오늘은 회사 일을 끝내고 강의를 들었다. 듀얼 모니터로 강의를 들으니 한 화면에서 강의 듣고, 다른 화면에서 예제를 바로 vscode로 작성할 수 있으니까 너무 편하다. 확실히 효율도 올라간다. 사실 처음에 강의활용을 잘 할 줄 몰랐다. 깃허브에서 다운받고 css 내용을 복사하는 건 어디서 해야하는 지를 몰라서 계속 헤맸다. 강의를 들으면서 바로바로 예제를 해보고 확인을 바로 하고 싶었는데.. 울면서 할 수 있는 것들을 찾아서 하고 있었다. 그런데 오늘 천천히 다시 들으면서 찾아보니 강의듣는 곳 하단 탭을 보니 강의자료가 있는 게 아닌가!!!!! 강의를 시작한지 한달이 되어가.. 2024. 2. 23.
패스트캠퍼스 환급챌린지 16일차 미션 (2월 16일) : 프론트엔드개발 강의 후기 오늘의 목표 ch.08 24,25 오버워치 예제 시작! 오늘은 그나마 금요일이라서 퇴근하자마자 카페에 왔는데 너무너무 행복하다 금요일이라는 거만으로도!!! 그리고 오늘은 강의가 사실 좀 궁금하긴 했다. 실제로 css 가 어떻게 적용이 되는지!! 근데 유명한 오버워치 예제를 해보게 되다닝 재밌을 거 같다.ㅎㅎㅎ 오 너무너무 신기해 그냥 왁~!! 아래 반복되는 hero 32개를 다 입력하는 게 아니라. .hero*32>.image 를 입력하고 tab 키를 누르면 32개가 한번에 완성된다. 예제 중간 점검 오ㅗ오오오오오!@! 너무너무 신기해애 이게 입력될 때 쾌감이 엄청나다 다만, 작은 거 하나라도 없으면 입력이 안된다. 맨 처음에 왜 나는 회색이 안보일까.. 혼자 고민했는데 알고보니 html에 css를 연결.. 2024. 2. 16.
패스트캠퍼스 환급챌린지 7일차 미션 (2월 7일) : 프론트엔드개발 강의 후기 오늘의 목표 오늘 5 HTML 개요 중 마지막 글자와 상자를 추가로 마무리 하고, 챕터 6를 시작했다. 기본적으로 많이 쓰이는 태그들 위주로 살펴봤다. 생각보다 많이 보긴했는데 이전에 내가 제대로 본 게 아니구나 싶었다. 글자로 쓰이는 태그이면서 그게 수평으로 자동정렬되는 태그인 인라인 태그인 것을.. 그리고 글자가 아닌 상자 개념으로 이해하고 있으면서, 그건 또 수직으로 정렬이 된다는 것이다. 사실 괜히 돈주고 강의듣지 말고, 그냥 일하면서, 디자인하면서 실무에서 옆에 건너건너 배우는 게 나을까 하는 마음도 들어왔는데 오늘 배우면서는.. 아 기초부터 제대로 배우는 건 너무너무 중요한 일이라는 걸 깨달았다. 이해가 된다. 이해가 되니까 코드 입력하는 것도 더 쉽게 입력하게 되고, 이전에 도대체 왜..>>.. 2024. 2. 7.

티스토리툴바