프로덕트디자이너 Hailey 일기장📝

[오늘 하루 계획]오전09:10 ~ 09:30 : 계획서 작성09:30 ~ 13:00 : UX집중반 프로젝트 진행집중 디자인14:00 ~ 18:00 : 강의 수강14:00 ~ 18:00 : 프로젝트 진행 수강[O] 리액트입문 2주차 강의 완강하기[O] 리액트 입문 2주차 복습하기18:00 ~ 19:00 : 저녁 식사 시간 저녁19:00 ~ 22:50 : UX집중반(쏘카 UX프로젝트) 22:00 ~ 22:29 : 저녁 스크럼, TIL 제출, 각자 댓글 달기   [14:00 ~ 17:00 /  리액트입문 2주차 진행]  클릭하세요 "> 클릭하세요 컴포넌트에 CSS를 적용하기.yarn create vite 프로젝트이름 --template react우선 터미널에 위 명령어 복붙해서 새 프로젝트 생성...

TIL [2024.12.30(화)] 리액트 프로젝트 생성 방법리액트 프로젝트를 생성하는 3가지 방법에 대해 소개합니다. 왜 Vite를 사용해야 하는지 알아보았습니다. 1.CRA(Create React App)한 줄의 명령어 입력으로 React 프로젝트 개발에 필수요소를 자동으로 구성하는 방법CRA로 리액트 프로젝트 셋업하기터미널에서yarn create react-app [원하는 프로젝트 이름]위 명령어 입력. npx create-react-app first-react-app원하는 프로젝트 이름 작성시 띄어쓰기 하면 오류난다 참고. 프로젝트 이름에 공백을 포함하지 마세요.소문자와 숫자, 하이픈(-)만 사용하세요. proceed?(y) 글짜를 보면 y글 치고 엔터 치면 설치 진행됨. 맥북 업데이트 후 드디어..

하루계획표오전09:10 ~ 09:30 : 계획서 작성09:30 ~ 13:00 : 자바스크립트 강의 수강집중 디자인14:00 ~ 17:00 : 강의 수강14:00 ~ 17:00 : 프로젝트 진행 수강[O] 팀원들과 어려운 내용 공유 및 해결책 찾기[O] 1주차 강의 듣기[O] 1주차 과제 하기[O] 튜터님께 질문저녁19:00 ~ 20:50 : UX집중20:50 ~ 21:30 : 저녁 스크럼, TIL 제출, 각자 댓글 달기    오늘 자바 스크립트 문법 강의를 듣는 주기가 되었습니다.  기초 문법 연습등을 학습했습니다.function solution(s){ var result = true; s = s.toUpperCase(); var num = 0; for(var i = 0; i   유튜브 강의로 자..

📅 TIL - 2024.12.19주제: 자유주제(토스) - Webflow 애니메이션 및 텍스트 크기 조정 학습1. 오늘 학습한 내용Webflow에서 텍스트 크기 조정 방법Webflow에서 텍스트 크기를 줄이거나 키우는 방법을 배우며, Scroll Actions와 Interactions 기능을 활용하는 법을 익혔습니다.무료 계정에서는 Size와 Scale을 활용해 간접적으로 텍스트 크기를 조정하는 것이 유효하다는 점을 확인했습니다.Keyframe 설정의 중요성Webflow의 애니메이션은 두 개 이상의 Keyframe(시작과 끝)을 설정해야 올바르게 작동한다는 것을 배웠습니다.Keyframe 간의 간격과 값을 적절히 설정하여 부드러운 애니메이션 효과를 구현했습니다.텍스트 크기와 위치 조정텍스트 크기를 줄이..

TIL (Today I Learned)1. 진행 상황핸드폰 UI와 타블렛 UI 제작 완료 후, 인터랙션을 추가하기 위해 제작 중이다.모션을 자연스럽게 주는 방법을 배우기 위해 튜토리얼을 참고하며 계속 진행 중이다.Box에 그라데이션 효과를 적용하는 방법을 새로 알게 되어 성공적으로 반영했다.가로 스크롤 기능도 제작 완료! 현재 핸드폰 UI와 타블렛UI 제작 완료후 인터렉션을 주기 위해 추가 제작 중이다.이부분에서 어떻게 모션을 자연스럽게 줄수 있을지 튜토리얼을 계속 보며 진행중 Box에 그라데이션 효과를 적용하는 방법을 새로 알게 되어 성공적으로 반영 했다. (현재 계속 진행중!)   가로 스크롤도 제작 완료 하였다. 개발자 도구 안에 있는 그라데이션 컬러 참고 후텍스트 그라데이션 제작 방법을 몰라 조금..

오전09:00 ~ 10:10 : 디자인 카타 진행10:10 ~ 10:30 : 오전 스크럼, 계획서 작성집중 디자인10:30 ~ 16:00 : 웹플로우 강의 듣기[O] 노코드 웹플로우 3주차 강의 듣기저녁20:30 ~ 20:50 : TIL작성 [O] 웹플로우 개인과제 발제 및 개인과제 계획 구상하기20:30 ~ 20:50 : TIL작성20:50 ~ 21:00 : 저녁 스크럼, TIL 제출, 회고17:00 ~ 20:00 : 강의 수강 및 과제 제출오늘 한 일Airtable 폼 설정비밀자료 신청 폼을 Airtable에서 생성하고 테스트.폼 제출 시 자동으로 단계를 "비밀자료 신청"으로 업데이트하는 자동화 설정 진행.웹플로우 버튼과 폼 연동Airtable에서 생성된 폼 링크를 웹플로우 내 버튼에 첨부해 사용자..

하루 계획📋오전09:00 ~ 10:10 : 카타 진행10:10 ~ 10:30 : 오전 스크럼, 계획서 작성집중 디자인10:30 ~ 16:00 : 강의 수강 및 개발[O] 노코드 웹플로우 강의 듣기저녁20:30 ~ 20:50 : TIL작성20:50 ~ 21:00 : 저녁 스크럼, TIL 제출, 회고17:00 ~ 20:00 : 노코드 웹플로우 강의 수강 + 과제 제출오늘 한일 / 오늘 겪었던 문제점💻📚 🤔 오늘 웹플로우 1주차 강의를 수강하였다.녹화 강의 날짜가 3월달인데 추측하건데 작년 녹화본이라 웹플로우 UI화면이 달랐다.그래서 검색하면서 따라해보았다. 강사님이 커멘드+2 라고 하시는줄 알고 단축키를 눌렀는데 왜  Quick Find가 안나오는거지ㅠㅠ 하면서 헤매다가뒤늦게 커멘드+E라고 하신거였다..

하루 계획오전09:00 ~ 10:10 : 카타 진행10:10 ~ 10:30 : 오전 스크럼, 계획서 작성집중 디자인10:30 ~ 16:00 : 강의 수강 및 개발[o] 웹퍼블리싱 3차 강의 듣기[o] 웹퍼블리싱3차 실습진행저녁17:00 ~ 20:00 : 튜터님 면담20:30 ~ 20:50 : TIL작성20:50 ~ 21:00 : 저녁 스크럼, TIL 제출, 회고오늘 한일/오늘 겪었던 문제점오늘 웹 퍼블리싱 3차 특강을 듣고 부트스트랩 활용해서 내비게이션바를 제작해보고 싶어 활용했더니 위 이미지처럼 이상해졌다.. 제대로 적용이 안된것 같았다. 그래서 계속 수정해 보다가 그냥 부스트랩 활용한 주석 지우고 다시 내가 CSS손을 봤다. 그래서 위와 같이 진행되었는데내가 왜 틀렸는지 알아냈다.  He..