Front End/Toy Project9 옐 FE개발자 포트폴리오 옐 FE개발자 👩💻 https://yelldev-portfolio.vercel.app/ - React.js, styled-components (Feat. TypeScript) 반응형 웹사이트 컬러칩 : #FFC000 #1BB991 #474339 #F7F3F4 🍋 컬러칩 정하기 https://dribbble.com/ Dribbble - Discover the World’s Top Designers & Creative Professionals Discover the world’s top designers & creatives Dribbble is the leading destination to find & showcase creative work and home to the world's best desi.. 2021. 11. 27. 리액트 Waveyy 웨이비 : Waveyy 🌊 https://compassionate-shockley-ee0497.netlify.app/#/ - React.js, styled-componets, netlify 메인 컬러 #F81894 #A077FF 웨이비 파비콘 이미지 UI 디자인을 생각할 때 메인컬러를 먼저 생각하고 그 다음으로 파비콘을 정한 후 프로젝트를 시작했다. 처음엔 핫핑크색과 보라색을 메인 색상으로 쓰고 싶어서 사이트의 이름을 '퍼핀: Purpin' 퍼플 + 핑크 조합으로 이름을 지었다가 만족스럽지 않아서 영상 스트리밍 서비스 '웨이브'에서 따와 웨이비: Waveyy 라고 지은 다음, 이에 알맞은 이미지를 찾았다. 파비콘을 내가 직접 만들긴 어렵기 때문에 어떤 이미지를 고를까 고민했는데 때 마침 원하는 색상으로 .. 2021. 11. 16. VanillaJS Momentum vanillaJS-momentum 🌱 - HTML, CSS, JavaScript, Github Pages 전에 해본 적이 있는 기능을 구현하는 것이었기 때문에 어렵지 않을 거라 생각했던 내 자신아 열심히 반성하고 명확하지 않은 것에 대해 다시 한 번 꼼꼼하게 짚고 공부하는 습관을 기르자는 다짐을 했다. 디자인을 어떻게 할 지도 엄청나게 고민을 했다. 사실 처음에 원했던 디자인은 벽에다가 엽서나 문장 붙이는 걸 좋아해서 이런 컨셉으로 하려 했는데 CSS grid 어떻게 하는 지 다 까먹어서... 그래서 결국은 또 심플하게 하자며 이런 식으로 바꿨다. 심플이즈베스트 아니겠냐며. 변명 그만 하고 grid 공부합시다-! 매번 CSS를 하면서 느끼는 것이지만, 배운 SCSS를 써서 코드 쓰는 양을 좀 줄입시다.... 2021. 10. 4. 클론 트위터 코딩 : Clone Twitter Clone Twitter 🕊 - React, Firebase, CSS, Github-pages 🕊 로그인 화면 : 이메일을 이용하여 로그인을 할 수 있는 것 뿐만 아니라, 구글과 깃허브 계정으로 연동되어 로그인을 할 수 있다. 인증하면서 발생하는 에러를 다루는 것은 아직 미숙해서 이메일과 비밀번호를 입력할 때 발생할 수 있는 에러는 '회원가입'과 '로그인' 사이에서 빨간색으로 경고가 뜰 수 있게 했고, 다른 서비스로 로그인 시 발생할 수 있는 에러는 alert을 이용해 사용자에게 알리는 방향을 택했다. 요즘 빠져있는 노랑색을 배경으로 삼았고, 트위터 하면 떠오르는 색상을 구글링을 통해 알아내서 포인트로 쓸 수 있는 곳에 썼다. 🕊 홈 화면 : 로그인을 하고 나면 이동할 수 있는 페이지. 이미지 업로드와 .. 2021. 9. 20. [Hello WM] Responsive Web Responsive web page : Hello WM 2021.07.19 ~ 2021.08.09 https://hello-WM.vercel.app HTML, Sass, JavaScript PREVIEW [후기] 생각보다 오래 걸렸다... 다른 강의 들으면서 틈틈히 하려고 했는데 하기 싫을 땐 그냥 건너뛰기도 하고 그래서 그런 듯. 이번 프로젝트 하면서 느낀 건, HTML, CSS, JavsScript 모두 연결고리이기 때문에 하나라도 어긋나면 HTML부터 다시 가서 코드를 짜야한다는 것. 아무 것도 없는 상태에서 디자인을 구상하고 실제로 적용해보고 스타일을 입히고, 자바스크립트까지 적용시키는 건 생각보다 오래 걸렸다. HTML 골격을 잡을 때부터 조금 더 철저하게 계획을 세워가며 해야겠다고 깨달은 이번.. 2021. 8. 9. 이전 1 2 다음
