.log('FE')

- Github 바로가기 Mometum DEMO HTML + CSS + VanilaJS 로만 구현 Open Weaher API 사용 기간 : 약 1일 참조 video : 초보자를위한 Vanila JavaScript 참조 Model : Chrome웹스토어 확장프로그램 Momentum Chrome Browser 에서만 정상 작동 구현목록 Clock User Name Input ToDo Input Weather CurrentLocation CRUD Create (Create User Name, To Do) Read Update Delete (Create User Name, To Do) 기능 시계 User Name 등록 User Name 삭제 리로드시 배경 이미지 랜덤 변경 할일 목록 등록 완료체크시 완료 목록..

[HTML+CSS+JS(jQuery)] 인프런 메인페이지 Demo : https://clone-coding-inflearn.firebaseapp.com/ Github : https://github.com/kangyongseok/my-result/tree/master/html_css_js/clone_Inflearn Inflearn Clone Coding html + css + JavaScript(Jquery) 메인 페이지만 구현 제작기간 약 2일 추가할사항 소셜로그인 기능 회원가입 및 일반 로그인 기능 로그인시 메인화면에 로그인사용자 정보 반응형으로 프론트엔드 체크리스트 보면서 수정사항 반영 반응형 웹 디자인을 위한 Viewport 설정 Meta Description 추가 언어속성 추가 모든 CSS 파일이..

공공데이터포털 바로가기 : 공공데이터포털 공공데이터포털 API 활용 - 상품정보 불러오기 - # create-react-app mt_shop # cd mt_shop # npm i react-xml-parser # npm start 원래 하려던건 API 정보를 활용해서 MT 장바구니 시스템을 한번 만들어 보려고했다. 동호회에서나 MT 놀러갈때 음식을 어느정도 사야하는지 감이 안와서 대충 짐작해서 사가는 경우가 많은데 이럴때 활용할 수 있을까 싶어서 시도해봤는데 .... 정보 불러오기까진 성공했는데 이게 내가 원하는 정보가 한꺼번에 들어있지가 않다.... 1. 공공데이터포털에서 API 정보 신청하기 이 홈페이지에서 오픈API 페이지에들어가서 원하는 정보를 검색하고 활용신청을하고 1시간~하루정도 지나면 데이터..

# create-react-app facebook_login # cd facebook_login # npm install react-facebook-login url: react-facebook-login npm document GIT : https://github.com/kangyongseok/Facebook-Login DEMO : https://kangyongseok.github.io/Facebook-Login/ Create ReactJs Facebook Login Button ReactJs 에서 npm 을 설치하여 Facebook Login 버튼 기능을 만들어 보려고 한다. 복잡한 과정은 없고 페이스북에서 아이디 잘 생성하고 react-facebook-login npm document 에서 필요한 ..

GIT : https://github.com/kangyongseok/portfolio/tree/master/src/pages/todo DEMO : https://react-potfolio.firebaseapp.com/todo ReactJS 로 Todo App 만들기 VELOPERT 님의 블로그에있는 TodoList 만들기를 참고하였습니다. 생초보자가 보기에는 여러가지 생략된 상태로 올라왔기때문에 여기서는 공부할겸 하나하나 풀어가면서 보려고 합니다. # npm install -g create-react-app # create-react-app todo_list # cd todo_list # npm start 컴포넌트들을 모아서 관리할 component 폴더를 만들고 그 안에 TodoList 와 관련된 새 ..

코딩애플 - javascript 활용한 쇼핑몰 기능 구현 with Bootstrap 4주과정 git : https://github.com/kangyongseok/CodingApple_Javascript_learning demo : https://kangyongseok.github.io/CodingApple_Javascript_learning/ 1. modal 기능 구현 2. tab 기능 구현 3. Local Storage 활용 4. Modern Javascript(ES6) 활용 5. JSON 으로 데이터 다루기

한번 들었던 강의지만 리마인드도하고 React를 좀 잊어가는것같아서 빠르게 복습하면서 블로그에 진행사항을 남기려고 한다. GIT : https://github.com/kangyongseok/portfolio/tree/master/src/pages/movie DEMO : https://react-potfolio.firebaseapp.com/movie # npm install -g create-react-app # create-react-app 폴더명 # cd 폴더명 # npm start 위의 명령어를 명령프롬프트창에 입력하고 새로운 react-app 폴더를 생성한다. 설치에 성공하면 볼수있게 된다. 해당 폴더로 들어가서 # npm start 를 입력하게되면 localhost:3000 을 가진 웹페이지가 하..