본문 바로가기

전체 글56

디자인 기획_어플리케이션(2024. 09. 20_Figma) #2024. 09. 19(목)- 디자인 기획서_수업페이지 URL - 각 팀끼리 내용 조사- 기획서_구글독스- 기획서_피그마  - PPT 제출(디자인 상관X, 제출하는 거에 의의)1) 기획- 어플 주제와 이름- 선정이유- 기획의도- 디자인 컨셉- 메인색상- 타겟층- 페르소나 정의 2) 아이디어- 메인기능- 서브기능3) 어플구성- 시작 정보입력 창- 메인 페이지- 사용자 정보 창4) 경쟁업체 분석- 예시 제시- 타사와 다른 장점- 단점#와이어 프레임(어플리케이션 디자인)#메인시안- 서브시안 1- 서브시안 2- 서브시안 3- 서브시안 4- 서브시안 5#어플리케이션_프로세스 페이지 제작과정(Team+Personal project)1. visual 2. Introduction 3. Person&Hashtag 4... 2024. 9. 13.
2024. 09. 13 웹 UIUX 39일차 #능력단위평가 2단계1단계_코드펜(정답)1단계_코드펜 2단계_코드펜(정답)2단계_코드펜  HTML)- 태그에 mobile-side-bar 클래스 지정-  mobile-side-bar에 md:hidden / fixed / inset-0 / z-50 / invisible / opacity-0 / text-black 지정- mobile-side-bar안에 태그 생성 후 mobile-side-bar__content 클래스 지정 -  mobile-side-bar__content  안에 flex / flex-col / w-80 / h-full / bg-white / ml-auto 값  지정- mobile-side-bar__content안에 태그 생성 후 mobile-side-bar__head 클래스 지정- mob.. 2024. 9. 13.
능력단위평가시험_연습(2024. 09. 11) ##능력단위평가시험시험일시 : 2024. 09. 12(목)시험시간 : 16:50~18:50(2시간)시험 예상 문제 : 자바스크립트 64강_69강시험 점수 70점 이상이어야 함#수업페이지_URL- 64강~68강: 필수- 69강: 선택#HTML 주소 불러오기_URL- cdnjs 검색 후 홈페이지 클릭 - 검색 창에 font-awesome 검색- 첫 번째 뜨는 거 선택- 가장 최근 버전인 것을 선택(폰트어썸 6버전) - 테일위드는 외워라#64강_연습1단계_코드펜1단계_영상(참고)  방법 1) HTML- 태그를 사용하여 top-bar와 mobiletop-bar를 만들어 줌- top-bar에  visible-on-md-up 지정- mobilr-top-bar에 visible-on-sm-down 지정    방법 2).. 2024. 9. 11.
2024. 09. 11 UIUX 웹 38일차 ## 능력단위평가시험_부분모작- HTML / CSS / JS 기능 사용- JS_67~68강 필수- 69강은 선택 - 14:00-16:00 부분모작 연습- 17:00-16:50 부분모작 시험  폰트어썸에서 아이콘 아무거나 불러와서 좌측에 로고 우측에 아이콘## 능력단위평가시험_부분모작 64강 JS 방법1) 64강_코드펜 XWMOyKy...codepen.io  방법2) 64강_코드펜 ExWrOvJ...codepen.io  ## 능력단위평가시험_부분모작 65강 JS ## 능력단위평가시험_부분모작 66강 JS## 능력단위평가시험_부분모작 67강 JS67강_문제67강_정답예시67강_정답67강_반응형 모바일 메뉴 1구현, 작업 4 클릭시 사이드바 노출시 콘텐트가 화면 우측에서 나옴 ## 능력단위평가시험_부분모작 6.. 2024. 9. 11.
2024. 09. 10 UIUX 웹 37일차 ## 스와이퍼_URL Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com→  스와이퍼_데모→  스와이퍼_수업페이지→  3강_코드펜→  4강_코드펜 * ! important 글씨에 우선순위 줄 때 사용## 부분모작_ URL(5강_9강)인비트로스사이트_URL0단계: 연결하기_코드펜1단계: 상단바 구성하기_ 코드펜 2단계: 로고 배치하기_ 코드펜3단계: 메뉴 배치하기_ 코드펜4단계: 사용자메뉴 배치하기_ 코드펜5단계: 2차 메뉴 구현_코드펜6단계: 메뉴바.. 2024. 9. 10.
2024. 09. 09 UIUX 웹 36일차 ## 자바스크립트 21강→  프론트_수업페이지→ 자바스크립트 21강_[코드펜](https://www.slog.gg/p/11982#f)- 실무에서 많이 사용하는 방법 popup-1.active - 자바스크립트는 디자인 신경x모든 준비는 css에서 완성하고,  - 자바스크립트에서는 class를 넣었다 뺏다 함 - 수식어(함수)가 간단할수록 더 좋음## 스와이퍼_URL→  스와이퍼_수업페이지→  1강_코드펜 Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.c.. 2024. 9. 9.

티스토리툴바