UIUX(03.28~10.02)
0531 금 uiux 42일차
영험
2024. 5. 31. 10:19
0531 금 uiux 42일차
| 혜지 강사님 수업페이지(html&css) ( https://codepen.io/hjyee/full/OJGrVYJ ). 자바스크립트 수업페이지 ( https://codepen.io/hjyee/full/PogMVOP ) 깃허브 기초 ( https://codepen.io/hjyee/full/LYoNWga ) 기초 키보드 사용법 ( https://codepen.io/YoungHeom/pen/eYaOYEX ) 연산자 ( https://codepen.io/YoungHeom/pen/Rwmbxze ) 코드펜 사용법 ( https://codepen.io/YoungHeom/pen/gOJOWgE ) 무료 강의 ( https://programmers.co.kr/ ) 피그마 강좌 ( https://www.youtube.com/@yeonjung-figma ), ( https://www.youtube.com/@UXUIDesign ) - 개인적 메모 작업물 보기 - 핀터레스트나 드리블( https://dribbble.com/ ), 노트폴리오, 비핸스 자격증 기출문제 ( https://www.comcbt.com/ )( https://quizeey.com/ ) |
홈페이지 푸터 구려서 다시 만들기 ( https://codepen.io/YoungHeom/pen/KKLmNRw )
카카오뱅크 모작 ( https://codepen.io/YoungHeom/pen/NWVdVbQ )
이미지 가져올 때 우클릭-검사하면 이미지 첨부된 태그로 가짐!!!
코드펜 코드 복사할 때 복붙말고 우측 하단에 Fork 있는데 그거 누르면 됨@@
( https://codepen.io/YoungHeom/pen/abrpgmR ) 시험 꼭 제출하기!!!@@@@@@@
새로운 웹사이트 만들기 1 - 주제 정하기
.
.
.
.
.
| ( http://naver.me/5JVzJJFb ) 조별 ( https://naver.me/xwWPjZKR ) 개인 1. 다양한 주제들 확인 2. 특정 주제를 결정하고 유사한 내용 마인드맵 3. 마인드 맵을 보면서 어떤 사이트를 만들지 결정 4. 사용자 분석 5. 사용자 분석에 따른 그 사용자들이 많이 이용하는 웹 사이트 3개 분석(핵심, 디자인적인 표현방식) 10~20개 정도 분석 레이아웃 구성 및 버튼의 위치 왜 그곳에 배치 했는지 6. 자신이 만들 웹 사이트에 대해서 의미 찾기 예) 구글: 누구나가 자유롭게 들어와서 정보를 찾는 사이트 예) 자동차 역사 : 자동차를 구매하기 위한 것이 아닌 자동차의 변천 과정을 보고 싶은 사람들이 찾는 사이트 왜 만들어야 하는지 이유가 있도록 |
.
웹
카카오뱅크 모작 정리 페이지 ( https://codepen.io/hjyee/full/mdYRYrz )
1차 시도 ( https://codepen.io/hjyee/pen/MWdJdoe )
모작하기 전에 사전조사를 해야되는 구나... 신기
그리고 가운데 파란 네모에 플렉스 그로우를 주면 저렇게 되는고만! 방법 알았으니까 이제 스페이스-비트윈 할 필요 없는 듯