728x90 반응형 Web-FrontEnd11 클론 코딩계획-에어비앤비 1. UI 클론 - html 구조분석 후 css 입히기. - UI클릭시 동작은 이 단계에서 신경쓰지말기. - 태그들도 다음 단계에서 차차 수정하면됨. - UI구현에 집중 ! 2. UI동작 클론 및 - slider, drawer 등 클릭시 작동하는 요소를 재현하기. 3. 반응형 UI 클론 - 뷰포트의 크기를 줄여가면서 UI변화를 파악 후 적용 4. 기능 클론 - 추가사항임. 이것까지 구현할 수 있을지는 모르겠음. - 검색, 필터, 로그인, 좋아요 등 웹 사이트의 기능구현 - JS 본격적으로 활용. 2023. 9. 10. 심플 미세먼지 알리미 작동gif 및 사용된 이미지 작동모습 최종 채택된 사용된 로고 결국 채택되지않은 예비 로고들 로딩 gif favicon github 전체 코드 https://github.com/YoHaiYo/react-finedust-app GitHub - YoHaiYo/react-finedust-app Contribute to YoHaiYo/react-finedust-app development by creating an account on GitHub. github.com 2023. 7. 18. [패스트캠퍼스] 프론트엔드 강의 8주차 - 자바스크립트 데이터 실습 [내일배움카드], [국비지원교육] Ch 2. JS 데이터 실습 01. 가져오기, 내보내기 js에서 export 통로는 Default, Named 2가지가 있다. Default는 이름을 지정하지 않아도 되고, Named는 이름을 지정해야되는 차이가 있다. import _ from 'lodash' // From `node_modules`! // default 내보내기는 한번만 가능. 이름 바꿔서 가져오는 것도 가능. import checkType from './getType' // getType.js // named export는 { }안에 써주기 ! // named 된 파일은 이름만 써주면 몇개든 import 가능 // 내보내기란 파일 이름을 바꾸고 싶으면 as 키워드 사용. import { random,.. 2023. 6. 19. 깃허브 필요없는 레포지토리 삭제하는 법 필요없는 레포지토리 삭제하는 법 레포지토리 - Setting 클릭 2. 스크롤해서 Danger Zone하단에 삭제버튼 클릭 3. 삭제하려면 레포지토리명을 수동으로 입력해야되요. 입력 완료후 Delete this repository 버튼을 클릭하면 삭제가 완료 됩니다~ 2023. 6. 16. error: src refspec master does not match any 해결법(23년 6월) 다음과 같이 error: src refspec master does not match any 오류 메시지가 뜨는경우. 다음 코드를 복사해서 터미널에 붙여넣습니다. 물론 your_ropo에는 본인 깃허브 레포지토리 이름을 입력하면됩니다. git init git branch -m main git remote add origin "github.com/your_ropo.git" git add . git commit -m "first commit" git push -u origin main 입력후 잠시 시간이 지나면 다음과 같은 창이 뜰텐데요. 창이 뜨면 아래 버튼 누르시고 로그인 ! 잠시후 정상적으로 커밋이 완료된것을 볼 수 있어요. 2023. 6. 16. 깃허브 NPM 프로젝트의 버전 관리 07. NPM 프로젝트의 버전 관리(.gitignore) node_modules 같은 폴더는 용량도 크고, 언제든 npm i 로 재설치할 수 있기때문에 git에 일일히 업로드 하는 것이 비효율적입니다. 그러므로 프로젝트로 폴더에 .gitignore 파일을 만들어 깃에서 업로드 시키지 않을 파일을 다음과 같이 명시해주면 됩니다. 그 다음 터미널에서 git init 을 입력해서 git 초기화. dist 등 폴더가 업로드 안된 모습을 볼 수 있다. 다음으로 git commit -m ‘프로젝트 생성’ 이제 깃허브에 올려보자. 깃허브 repository에서 NEW 클릭 생성된 repository에 주소복사 터미널에 git remote add origin 복사한주소 입력하여 레포지토리 주소에 연결. 다음으로 git.. 2023. 6. 16. 이전 1 2 다음 728x90 반응형
