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

하루계획표오전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..

인라인 스타일을 유지해야 하는 경우특정 에만 다른 스타일을 적용해야 한다면 인라인 스타일을 유지하거나, 별도의 클래스 이름을 추가해서 관리할 수 있습니다.  HTML: CSS:.custom-hr { border: none; border-top: 2px dashed #000; margin: 30px 0;}결론적으로, 공통적으로 사용하는 스타일은 CSS로, 특정 스타일만 인라인 스타일로 적용하는 것이 최적의 방법입니다. + custom-hr 이거 하나 써버렸으면 다른것도 커스텀 하고 싶을땐 어떻게 적용하는지? 궁금했는데 만약 태그를 여러 개 사용하고 각각 다른 스타일을 적용하고 싶다면, 각 에 고유한 클래스 이름을 부여하거나, 공통 클래스에 추가적인 스타일을 덮어쓸 수 있다. 방법 1: 고..

오늘의 TIL (Today I Learned)1. 웹 퍼블리싱 특강 수강오늘 강의는 웹퍼블리싱의 기본을 배우는 시간이었으며, 매우 유익하고 흥미로웠습니다.  https://replit.com/~ Sign UpBuild and deploy software collaboratively with the power of AI without spending a second on setup.replit.com2. Replit 사용한 페이지 개발Replit을 활용해 간단한 웹 페이지를 개발해보았습니다.아직 CSS 단계를 배우지 않았지만, 텍스트만 나열된 페이지가 단조로워 보여서 기본적인 CSS 스타일링을 추가해 보았습니다.페이지에 디저트 버튼을 만들어 클릭 시 디저트 페이지로 이동할 수 있도록 구현했습니다.index..