본문 바로가기

전체 글

(42)
04 27 메인 제이쿼리2 ( 문제해결+복기 ) 어제 새벽에 만들다만 제이쿼리 부분. ( 본문 body 밑에다가 script 형식으로 넣으면 동작하지만 따로 index.js에 넣으면 동작을 안하던 문제 ) 따로 index.js 에 연결. ( function 부분 오타 발견 수정 fucntion -> function ) * 문제점 발견 - 스와이퍼js cdn, index.js는 연결했지만 기본 제이쿼리는 연결해두지 않았기 때문에 계속 동작을 안하던 거였음. 구글링으로 3.6.0 최신버전의 제이쿼리 cdn을 넣어서 연결해주니 그 이후 정상 동작함. ( 해결 ) 시각장애인을 위한 웹 접근성 대체 텍스트 ( 유튜브 " 리베하얀 " 님 참조. ) - alt 에다가 대체텍스트를 넣어줄 수 있지만 이렇게 길어지는 경우엔 끊어읽기가 안될 수 있기 때문에 이런 식으로..
04 - 26 초반 최적화 셋팅 / 퍼블리싱 복기 작업 퍼블리싱 복기 작업 ++ 기본기 재정립 재작업 시작 ( 1 day ) 오늘 하루부터 1일 1커밋 + 이외에 디자인 공부 및 연습작업까지 같이 병행. 비주얼 스튜디오 코드 셋팅 및 적응 -> minimap 토글 ( f1으로 검색 후 셋팅 ) , ctrl + s 저장 시 안내창 안보이게끔 포토샵 2022 셋팅 ( mac os ) -> 확대 축소 스크롤 비율 설정 ( 스크롤 속도 설정 + 부드럽게 ) git - vsc 연동 작업 ( 오류발생 ) vsc - 터미널 - 새 창 - git config git config --global user.email "" -> 입력 git config --global user.name "" -> 입력. 이후 커밋 및 재확인. git 홈페이지 에서 git 다운로드 -> 유튜브를..
11 - 25 필리 홈페이지 기획 및 제작 디자인 시안 작업 :: 필리 홈페이지 카피가 아닌 리뉴얼 + 재기획 + 리디자인 + 애니메이션 추가 계획 디자인 메인 시안 :: fullpage.js 사용 ( 원 스크롤 페이지 ) :: 반응형으로 작업 :: 메인 글귀 애니메이션 :: 카피라이터 문구 ( 오늘도 당신의 건강을 생각합니다, pilly ) :: 기획 단계에서 문구 구상 홈페이지 메인 디자인 시안 aos 애니메이션 사용 :: 스크롤 했을 시, 순번대로 li들이 위로 올라오는듯한 애니메이션. 첫번째 섹션, 유튜브 api 왼쪽 섹션 aos 애니메이션 ( 스크롤 시 fadeInleft 효과 )