본문 바로가기

project

[Team Project] 크록스(Crocs) 1 기간 : 6월 20일 ~ 7월 1일 팀원: 프런트엔드 3명, 백엔드 1명 담당 페이지 : 상품 상세 페이지 HTML, CSS, Javascript 라이브러리 : React 중간 점검 제작 중 이번 주 5일 동안의 주요 기능 - 공식 홈페이지를 참고한 클론 레이아웃 - MockData를 이용하여 데이터 활용 - 캐러셀(슬라이드) UI 기능 구현 1. 공식 홈페이지를 참고한 클론 레이아웃 크록스 공식 홈페이지를 참고하여 레이아웃을 구성하고 HTML과 CSS를 적용시켜 보았다 처음부터 미디어 쿼리를 이용한 반응형을 제일 후위 순위로 놓았기 때문에 px단위를 사용하여 웹 pc 뷰에서는 UI가 늘어나거나 줄어 나지 않게 하였으며 이후 반응형 페이지 작업을 진행할 시 미디어 쿼리를 이용해서 단계별로 UI를 수정하는.. 더보기
[miniProject] google Momentum 만들기_01(React) 노마드코x님이 했던 클론 코딩 아님 구글 검색하다 블로그에 실시간 데이터를 가져오는 글이 있는데 보고 응용했는데 알고 보니 노마드코x님이 했던 클론 코딩에서 가져온 방법 중 하나였네요 시계 데이터 하나 빼고 혼자 처음부터 구현했다는 걸 알고 계시면 될 거 같습니다 많이 부족합니다 먼저 완성된 모습 보시고 가시죠 포트폴리오에는 사용한 기술 이런 거 적더라고요 그래서 저도 한번 적어봅니다ㅋㅋ! 사용 스택 HTML CSS (Sass) JS React React 프레임워크로 처음 만들어본 간단한 프로젝트입니다 먼저 react 뭔가 엄청 많이 깔려 있네요 나중에 블로그를 통해 react에 대해서 하나씩 배운 걸 공유하겠지만 저는 처음 써보는 거라 App.js에 모든 걸 넣었습니다 원래는 react는 이렇게 쓰면 .. 더보기
[miniproject] blog 만들어보기 JS / React 요즘 포스팅을 못 하는 이유가 이제 마음에 들었던 강의를 완강하고 혼자서 직접 만들어보는 구간이라 그렇다 1일 차에 나는 간단한 blog형식으로 만들어보기로 했다 사용하는 스택 React / JS / CSS / HTML 역시 혼자서 시도해보려 하니 처음부터 구현이 안됨 js가 부족함 검색검색검색.. 더보기