0513 월 uiux 29일차

자바스크립트 수업페이지 ( https://codepen.io/hjyee/full/PogMVOP )
강사님 수업페이지(html&css) ( https://codepen.io/hjyee/full/OJGrVYJ )
기초 키보드 사용법 ( https://codepen.io/YoungHeom/pen/eYaOYEX )
연산자 ( https://codepen.io/YoungHeom/pen/Rwmbxze )
코드펜 사용법 ( https://codepen.io/YoungHeom/pen/gOJOWgE )
무료 강의 ( https://programmers.co.kr/ )

.

웹페이지 만들기 구성 - 홈, 내부 3개. 총 페이지 4개

주제선정 - 와이어프레임 작성 - 웹페이지 구성    /    홈 - 페이지 3장

 

홈 ( https://codepen.io/YoungHeom/pen/NWVqPZO ) 

내부1 - 

페이지만들 때 참고할 사이트 - ( https://sailors.co.kr/ ), ( https://www.thehyundai.com/ )

※ () - 괄호 안에 쓴 건 안 들어가는 내용임 

 

장바구니에 들어갈 내용

 

□ 전체 선택

  □(선택 박스 - 커서 대면 포인터 모양으로 바뀌게 css 설정하기_
   상품 | 주문 수량 | 상품 금액
     ●           ●          

   (커서 대면 마우스 포인터 뜨게 a태그로 만들기)

 

 

주문하기(버튼. 맨 아래 가운데에 넣기)


마이페이지에 들어갈 내용

 

가장 중요한 걸 제일 위로

 

주문내역(배송현황), 나의 리뷰, 배송지 정보 

최근 본 상품 / 찜한 상품 / 쿠폰함 / 포인트

 

 

 


글씨체 후보들

https://fonts.google.com/specimen/Poetsen+One )

 

- 필요한 사진들

출처 - 도미넌트 인더스트리 홈페이지

출처 ( https://dominantindustry.creatorlink.net/025-Goryeo-Celadon )

 

 


 

 


리턴 - 함수가 실행되고 난 결과값, 자판기 음료수 나오는 출구 같은 역할
리턴을 다시 쓸 순 없다.

 

 

자바스크립트 자료형 ( https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures )

( https://codepen.io/YoungHeom/pen/BaeyVdb )

 

자바스크립트(지금까지 배운 것)

- 출력문

- 변수

- 조건문

- 반복문

- 함수

    - 매개변수

    - 리턴

 

 

이제 해야할 것

- 객체

관련 있는 데이터들끼리 묶어주는 것

객체 개념1 ( https://codepen.io/YoungHeom/pen/oNRgMXa )

객체 개념2 ( https://codepen.io/YoungHeom/pen/dyEPjoQ )

객체 개념3 ( https://codepen.io/YoungHeom/pen/RwmNBPO )

 

객체 문제( https://codepen.io/YoungHeom/pen/RwmNBGz )

 

 

변수와 함수
매개변수
객체

'UIUX(03.28~10.02)' 카테고리의 다른 글

0516 목 uiux 31일차  (0) 2024.05.16
0514 화 uiux 30일차  (0) 2024.05.14
0510 uiux 28일차  (0) 2024.05.10
0509 uiux 27일차  (0) 2024.05.09
0508 uiux 26일차(웹사이트제작, if조건문, else, 연산자)  (0) 2024.05.08

+ Recent posts