YG - 96년생 , 강아지 있음, 개발자 희망

프리온 보딩에서는 과제마다 각 기업이 요구하는 기술을 바탕으로 과제를 진행하는 방식입니다. 설 연휴 개인 과제 상품 정보 사이트 만들기 가구들의 툴팁을 볼 수 있는 상품 정보 페이지 만드는 것이 과제였습니다 배포 깃 허브 링크 https://github.com/Gilpop8663/productLink GitHub - Gilpop8663/productLink: 원티드 프론트앤드 프리온보딩 2기 14팀 김영길의 상품 링크 페이지 프 원티드 프론트앤드 프리온보딩 2기 14팀 김영길의 상품 링크 페이지 프로젝트입니다. Contribute to Gilpop8663/productLink development by creating an account on GitHub. github.com 상품 정보 페이지 가구 정보..

프리온 보딩에서는 과제마다 각 기업이 요구하는 기술을 바탕으로 과제를 진행하는 방식입니다. 두 번째 과제 어드민 페이지 만들기 회사의 상품들을 관리할 수 있는 어드민 페이지 만드는 것이 과제였습니다 배포 깃 허브 링크 https://github.com/Gilpop8663/02_adminPage GitHub - Gilpop8663/02_adminPage: 원티드 프리온보딩 2기 14팀 어드민 페이지 프로젝트입니다 원티드 프리온보딩 2기 14팀 어드민 페이지 프로젝트입니다. Contribute to Gilpop8663/02_adminPage development by creating an account on GitHub. github.com 어드민 페이지 기능 구현 (맡았던 부분) 카테고리 지정 체크박스를 ..

원티드 프리온 보딩 프론트 앤드 1주 차 두 번째 수업 TIL (22.01.24~22.03.03) 프리온 보딩 프론트 앤드의 강사님은 위 코드의 공동 창업자&이사의 직책을 가지고 계신 김예리 님이 강의를 해주셨습니다. Class/Functional Component 지금은 거의 다 Functional Component 방식을 사용하지만 아직 Class 방식의 리액트를 사용하는 회사도 있고 옛날 레거시 코드를 유지 보수해야 하는 경우도 있으므로 어떻게 사용하는지 알아두어야 한다고 했습니다 Class vs. Functional 왜 Functional인가? 왜 Class도 공부해야 하는가? 리액트 라이프사이클 순서와 역할? 라이프사이클 중 써본 메소드가 뭐가 있는지? 함수형 컴포넌트와 클래스형 컴포넌트의 차이..

프리온 보딩에서는 과제마다 각 기업이 요구하는 기술을 바탕으로 과제를 진행하는 방식입니다. 첫 번째 과제 환율 계산기 만들기 두 가지의 환율 계산기를 만드는 것이 과제였습니다 배포 깃 허브 링크 https://github.com/Gilpop8663/ExchangeRateCalculator-1 GitHub - Gilpop8663/ExchangeRateCalculator-1: 원티드 프리온보딩 2기 14팀 환율 계산기 프로젝트입니다 원티드 프리온보딩 2기 14팀 환율 계산기 프로젝트입니다. Contribute to Gilpop8663/ExchangeRateCalculator-1 development by creating an account on GitHub. github.com 첫 번째 계산기 송금 국가는 ..

원티드 프리온 보딩 프론트 앤드 1주 차 첫 번째 수업 TIL (22.01.24~22.03.03) 프리온 보딩 프론트 앤드의 강사님은 위코드의 공동 창업자&이사의 직책을 가지고 계신 김예리 님이 강의를 해주셨습니다. Git 깃에 대한 기본 매너와 어떻게 이용하면 좋을지에 대해서 많이 알려주셨습니다. 개인적으로는 나를 소개하기 참 좋은 방법인 깃을 잘 활용하지 못했던 것 같아서 다른 분들이 하신 좋은 예제를 보고 많이 배웠던 것 같습니다 git - 기본사항 gitignore 관리 ex) .vscode, node_modules depth 한 번 더 들어간 폴더 구조 Read.me 가 CRA 내용으로 그대로 들어간 경우 git - README에 내용 정리 배포 주소 과제 구현 목록 캐러셀 동작 예제 설치 및 ..

설치방법 npm i redux react-redux store 파일 만들기 import { createStore } from 'redux'; const ADD = 'add'; const DELETE = 'delete'; export const addToDo = (text, id) => { return { type: ADD, text, id }; }; export const deleteToDo = (id) => { return { type: DELETE, id }; }; const reducer = (state = [], action) => { switch (action.type) { case ADD: return [{ text: action.text, id: action.id }, ...state]; c..

Redux 리덕스는 data를 관리하는 걸 도와주는 역할을 함. 설치 방법 npm i redux Redux Store,Reducer,getState() Store redux의 Store는 데이터를 저장하는 곳을 의미합니다. Store을 생성하는 방법은 createStore(reducer) 입니다. const countStore = createStore(countModifier); Reducer CreateStore는 reducer을 요구합니다. 사용방법은 const countModifier=(data=default value, action)=>{ return data } 으로 사용할 수 있습니다. 첫번째 인자에 data 값의 default 값을 지정해주어야 합니다. 그렇지 않으면 undefined 가 나..

0. 시작 전 만약 pip를 설치가 안되어있다면 0-1. requests2 설치하기 pip install requests https://pypi.org/project/requests2/ requests2 Python HTTP for Humans. pypi.org 0-2. beautifulsoup4 설치하기 sudo apt-get install python3-bs4 // pip 로 모듈을 찾지 못하면 이 방법으로 깔으세요 pip install beautifulsoup4 https://www.crummy.com/software/BeautifulSoup/bs4/doc/ Beautiful Soup Documentation — Beautiful Soup 4.9.0 documentation Non-pretty pr..