clonecoding KINFOLK CloneProject 01 어제부터 시작했던 KINFOLK Website 클론 프로젝트..! PM 향수님과 함께 포크포크하게 시작했던 프로젝트🍴🍴 이거 해보고싶어서 메인 페이지에 헤더 담당했다! 라고 말해도 무관했던 스크롤 이벤트! 진짜 하면서 머리 데록데록 굴려가면서 물음표 열심히 날렸다.\ 내 코드 => 로고 크기가 가장 큰 상태에서 시작되기때문에, 휠이 아래로 향하는 경우 wheelDelta의 값이 -가 되는 특... ReactWeCodeclonecodingReact [Project] Webucks Clone Coding #5 [커피 상세 페이지 기능 구현] 💡 그동안 배운 `HTML`과 `CSS`, 그리고 `JavaScript`를 활용한 위코드 첫 프로젝트가 주어졌다. 프론트엔드 역량을 다지기 위해 스타벅스 페이지를 클론하면서 `HTML`과 `CSS`의 개념을 웹 페이지 개발에 적용하고, JavaScript` 기능을 구현하는 것을 목표로 하며, 별개의 학습 목표도 주어졌다. HTML 태그를 적절하게 사용하여 페이지 레이아웃을 스스로 구현할 수 ... JavaScriptprojectclonecodingwebucksJavaScript [Project] Webucks Clone Coding #4 [커피 상세 페이지 기능 구현] 💡 그동안 배운 `HTML`과 `CSS`, 그리고 `JavaScript`를 활용한 위코드 첫 프로젝트가 주어졌다. 프론트엔드 역량을 다지기 위해 스타벅스 페이지를 클론하면서 `HTML`과 `CSS`의 개념을 웹 페이지 개발에 적용하고, JavaScript` 기능을 구현하는 것을 목표로 하며, 별개의 학습 목표도 주어졌다. HTML 태그를 적절하게 사용하여 페이지 레이아웃을 스스로 구현할 수 ... JavaScriptprojectclonecodingWeCodewebucksJavaScript [React] Coin Tracker 강의 정리 🚨 이 글은 노마드 React JS 마스터 강의를 본 후 정리한 글입니다. App.css App.test.tsx 파일 삭제 후 App.tsx, index.tsx, index.html 파일 내부도 깔끔하게 정리해줍니다. React Router 6버전으로 진행 시 @types/react-router-dom를 설치하지 않아도 타입을 불러옵니다. 2. styled-reset 패키지를 설치 후 com... clonecodingreact typescriptReact노마드코더React 2021.08.19 Study 정리 오늘은 클론 코딩을 했다. 코코아클론 코딩을 하는 중인데 재미있다... 클론 코딩을 하면서 배우고 신기했던 점들을 정리하고자 한다. 웹페이지를 클론 코딩하면서 어려운 점들이 많았는데 내가 그동안 어렵게 생각했던 것 같다. 무작정 큰 것부터 해결할려고 했는데 작은 것부터 해결하면 된다. 1. 모든 페이지에 전부 들어가는 요소들을 먼저 코딩하자. 모든 페이지에 들어가는 요소들이 있다. 예를 들면... clonecoding정리study공부clonecoding Westagram - 1.login page [React] # 🌈 Instagram clone코딩을 해보았다. 🌀 login page를 처음 html/css/javascript로 만들었었다. 그걸 react로 코드를 변형시켜서 만들어 보았다. (이미지나 구성은 똑같아서 사진은 생략합니당 ) 👉 state에서 데이터를 저장해서 관리한다. 👉 state에서 저장한 데이터를 handleIdInput에서 setState를 사용해서 데이터를 변경하고(even... ReactclonecodingReact 12.27 - twinter cloneCoding 1 npx create-react-app winter를 해주었는데 버전이 베포되었다고 create-react-app을 삭제 후 다시 설치하라고 한다. npx는 최신 버전 노드 패키지를 데스크톱에 설치해주는 도구로 직접 삭제, 설치할 필요없이 최신 버전 노드 패키지를 사용는 것으로 알고있다. create-react-app은 node 패키지가 아니여..? 이유는 먼저 셋팅이 다 끝나고 오늘 밤에 다... ReactclonecodingFirebasetwitterwinterFirebase
KINFOLK CloneProject 01 어제부터 시작했던 KINFOLK Website 클론 프로젝트..! PM 향수님과 함께 포크포크하게 시작했던 프로젝트🍴🍴 이거 해보고싶어서 메인 페이지에 헤더 담당했다! 라고 말해도 무관했던 스크롤 이벤트! 진짜 하면서 머리 데록데록 굴려가면서 물음표 열심히 날렸다.\ 내 코드 => 로고 크기가 가장 큰 상태에서 시작되기때문에, 휠이 아래로 향하는 경우 wheelDelta의 값이 -가 되는 특... ReactWeCodeclonecodingReact [Project] Webucks Clone Coding #5 [커피 상세 페이지 기능 구현] 💡 그동안 배운 `HTML`과 `CSS`, 그리고 `JavaScript`를 활용한 위코드 첫 프로젝트가 주어졌다. 프론트엔드 역량을 다지기 위해 스타벅스 페이지를 클론하면서 `HTML`과 `CSS`의 개념을 웹 페이지 개발에 적용하고, JavaScript` 기능을 구현하는 것을 목표로 하며, 별개의 학습 목표도 주어졌다. HTML 태그를 적절하게 사용하여 페이지 레이아웃을 스스로 구현할 수 ... JavaScriptprojectclonecodingwebucksJavaScript [Project] Webucks Clone Coding #4 [커피 상세 페이지 기능 구현] 💡 그동안 배운 `HTML`과 `CSS`, 그리고 `JavaScript`를 활용한 위코드 첫 프로젝트가 주어졌다. 프론트엔드 역량을 다지기 위해 스타벅스 페이지를 클론하면서 `HTML`과 `CSS`의 개념을 웹 페이지 개발에 적용하고, JavaScript` 기능을 구현하는 것을 목표로 하며, 별개의 학습 목표도 주어졌다. HTML 태그를 적절하게 사용하여 페이지 레이아웃을 스스로 구현할 수 ... JavaScriptprojectclonecodingWeCodewebucksJavaScript [React] Coin Tracker 강의 정리 🚨 이 글은 노마드 React JS 마스터 강의를 본 후 정리한 글입니다. App.css App.test.tsx 파일 삭제 후 App.tsx, index.tsx, index.html 파일 내부도 깔끔하게 정리해줍니다. React Router 6버전으로 진행 시 @types/react-router-dom를 설치하지 않아도 타입을 불러옵니다. 2. styled-reset 패키지를 설치 후 com... clonecodingreact typescriptReact노마드코더React 2021.08.19 Study 정리 오늘은 클론 코딩을 했다. 코코아클론 코딩을 하는 중인데 재미있다... 클론 코딩을 하면서 배우고 신기했던 점들을 정리하고자 한다. 웹페이지를 클론 코딩하면서 어려운 점들이 많았는데 내가 그동안 어렵게 생각했던 것 같다. 무작정 큰 것부터 해결할려고 했는데 작은 것부터 해결하면 된다. 1. 모든 페이지에 전부 들어가는 요소들을 먼저 코딩하자. 모든 페이지에 들어가는 요소들이 있다. 예를 들면... clonecoding정리study공부clonecoding Westagram - 1.login page [React] # 🌈 Instagram clone코딩을 해보았다. 🌀 login page를 처음 html/css/javascript로 만들었었다. 그걸 react로 코드를 변형시켜서 만들어 보았다. (이미지나 구성은 똑같아서 사진은 생략합니당 ) 👉 state에서 데이터를 저장해서 관리한다. 👉 state에서 저장한 데이터를 handleIdInput에서 setState를 사용해서 데이터를 변경하고(even... ReactclonecodingReact 12.27 - twinter cloneCoding 1 npx create-react-app winter를 해주었는데 버전이 베포되었다고 create-react-app을 삭제 후 다시 설치하라고 한다. npx는 최신 버전 노드 패키지를 데스크톱에 설치해주는 도구로 직접 삭제, 설치할 필요없이 최신 버전 노드 패키지를 사용는 것으로 알고있다. create-react-app은 node 패키지가 아니여..? 이유는 먼저 셋팅이 다 끝나고 오늘 밤에 다... ReactclonecodingFirebasetwitterwinterFirebase