분류 전체보기95 웹3 2024. 12. 23(월) 5일차 # 수업시간에 띄어놔야 할 창사이트 이름사이트 주소수업페이지url코드펜urlgit-huburl피그마 예제보기urlvscode 화면 / 미리보기 화면 띄워두기- ㄴ menu-2 밑에 m2-close-btn 생성ㄴ m2-close-btn 원하는 곳에 배치ㄴ left, bottom 삭제 ㄴ 너비 상속 100% / 높이는 top: 5%만큼 빼고 95% 상속ㄴ 앱솔루트 주의점 / 무너짐#2교시 챗지피티한테 물어볼때 스크립트, 제이쿼리 선택자들의 상관관계를 봐야함ㄴ 추후에 아코디언 형태로 변경ㄴ this 내가 클릭한 선택자를 사용할 수 있음 2024. 12. 27. 웹3 2024. 12. 18(수) 4일차 # 수업시간에 띄어놔야 할 창사이트 이름사이트 주소수업페이지url코드펜urlgit-huburl피그마 예제보기urlvscode 화면 / 미리보기 화면 띄워두기-#1교시ㄴ 선이 안보일 때는 배경색을 깔아서 형태확인ㄴ 아이콘 계층구조ㄴ 나중에 디자인에서 일할 때 필요ㄴ 파일 세가지로 분리 ㄴ css에서 잘라내서 컴포넌트 쪽에 옮기고 클래스명 수정 #2교시ㄴ 스크립트용 클래스 네임 앞에다 달아주기ㄴ 사용성에 의해 if, else로 바꿔줘야 함 2024. 12. 18. 웹3 2024. 12. 16(월) 3일차 # 수업시간에 띄어놔야 할 창사이트 이름사이트 주소수업페이지url코드펜urlgit-huburl피그마 예제보기urlvscode 화면 / 미리보기 화면 띄워두기-#1교시_포트폴리오 사이트 구성ㄴ높이 퍼센트 구하기(네이버 퍼센트 계산기 두 번째 식 사용) #2교시 ㄴ 피그마에서 사용한 스타일가이드(폰트 두께, 사이즈, 컬러) 및 컴포넌트를 css에 먼저 등록 ㄴ사이드바, 포트폴리오 사이즈 잡아주고 시작ㄴ dispaly: flex; justify-content: center; 적용ㄴ 오른쪽 화살표 아이콘 등록ㄴ user-menu 아이콘 등록ㄴ 아이콘들 크기 맞춰주기(반드시 F11눌러서 사이즈 확인해볼 것)# 3교시ㄴ user-menu 아이콘에 gap: 4px; 적용 ㄴ오른쪽 아이콘이 왼쪽으로 천천히 돌아가게.. 2024. 12. 16. 웹3 2024. 12. 13(금) 2일차 # 수업시간에 띄어놔야 할 창사이트 이름사이트 주소수업페이지url코드펜urlgit-huburl피그마 예제보기urlvscode 화면 / 미리보기 화면 띄워두기- #1교시지난시간에 배운내용 복습 *연산자+(연결 연산자) 불리현 데이터- ture- false→ 둘의 비교(논리 연산자)ㄴ &&(참, 참) / ||( 참 , 거짓)ㄴ 짝이면 0 / 홀수면 1 계속 반복되는 형태 토글ㄴ한가지 형태를 가지고 두 가지 액션을 나타내는 것ㄴ 잘 사용하지 않고 else와 if를 주로 사용함ㄴ 버튼은 한 개(클릭이벤트 1개 / 애니메이션 2개) https://uiverse.io/elements 5569 UI elements: CSS & Tailwind uiverse.ioㄴ 다양한 ui를 볼 수 있는 사이트 #2교시 .. 2024. 12. 13. 2024. 12. 11(수) 웹3 1일차 # 수업시간에 띄어놔야 할 창사이트 이름사이트 주소수업페이지url코드펜urlgit-huburl피그마 예제보기urlvscode 화면 / 미리보기 화면 띄워두기- #1교시ㄴ 스크립트 파일생성ㄴ html에 스크립트 연결ㄴ 스크립트는 html 밑에다 창을 두고 사용 ㄴ 스크립트 확인법: 개발자 모드 → console 창에서 확인 가능ㄴ elements → html 콘솔이라는 형태부터 생성사용할 이벤트 입력 console.(이벤트) console.log();ㄴ 실행문 ㄴ 문자를 작성할 때 쌍따옴표를 찍어줘야 함!!!! → 안그러면 실행x ★ ★ ★ㄴ 객체를 지향하는 언어들을 무조건 필수ㄴ 쌍따옴표를 사용했을시ㄴ숫자는 쌍따옴표를 사용하지 않아도 값이 나옴 ㄴ 숫자와 문자의 차이점 ㄴ 숫자와 문자가 만나면 문자화된.. 2024. 12. 11. 2024. 12. 04(금) 웹2 9일차 웹 3 12월 11일 개강(수) #마켓컬리상품리스트 구현_피그마 ㄴ 코딩을 하기 전 미리 디자인한 폰트 두께, 사이즈, 색깔 정리해서 css에 라이브러리 생성 후 코딩 시작#2교시ㄴmargin-top과 margin-bottom이 만나면 값이 상쇄된다. -> 마진상쇄 2024. 12. 4. 이전 1 2 3 4 5 ··· 16 다음
