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

프리온 보딩에서는 과제마다 각 기업이 요구하는 기술을 바탕으로 과제를 진행하는 방식입니다. 여덟 번째 데이터 목록 페이지 만들기 파일의 목록과 파일의 상세 데이터를 표시하는 페이지를 만들었습니다. 배포 깃 허브 링크 https://github.com/Gilpop8663/08_link_data GitHub - Gilpop8663/08_link_data: 원티드 프론트앤드 프리온보딩 2기 14팀 정보를 담는 리스트 페이지 프 원티드 프론트앤드 프리온보딩 2기 14팀 정보를 담는 리스트 페이지 프로젝트입니다. Contribute to Gilpop8663/08_link_data development by creating an account on GitHub. github.com 기능 구현 (맡았던 부분) Axi..

원티드 프리온 보딩 프론트 앤드 4주 차 일곱 번째 수업 TIL (22.01.24~22.03.03) 프리온 보딩 프론트 앤드의 강사님은 위 코드의 공동 창업자&이사의 직책을 가지고 계신 김예리 님이 강의를 해주셨습니다. 크로스 브라우징 - javascript step1. react-app-polyfill 설치 yarn add react-app-polyfill react-app-polyfill: CRA 공식 설명 참고! step 2. polyfill import // These must be the first lines in src/index.js import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable'; step3. node_modules..

프리온 보딩에서는 과제마다 각 기업이 요구하는 기술을 바탕으로 과제를 진행하는 방식입니다. 일곱 번째 꾸까 페이지 만들기 꽃을 파는 꾸까 페이지를 만들었습니다. 배포 깃 허브 링크 https://github.com/Gilpop8663/07_kukka GitHub - Gilpop8663/07_kukka: 원티드 프론트앤드 프리온보딩 2기 14팀 꾸까 페이지 프로젝트입니다 원티드 프론트앤드 프리온보딩 2기 14팀 꾸까 페이지 프로젝트입니다. Contribute to Gilpop8663/07_kukka development by creating an account on GitHub. github.com 과제 조건 리액트 사용 없이 바닐라 자바스크립트 구현 바닐라 자바스크립트가 어려운 경우 jQuery까지 사용..

원티드 프리온 보딩 프론트 앤드 4주 차 일곱 번째 수업 TIL (22.01.24~22.03.03) 프리온 보딩 프론트 앤드의 강사님은 위 코드의 공동 창업자&이사의 직책을 가지고 계신 김예리 님이 강의를 해주셨습니다. Execution Context 실행 컨텍스트 JavaScript 코드가 실행되고 있는 콘텍스트(환경)를 제공하는 객체 실행 콘텍스트는 실행할 코드에 제공할 환경 정보들을(변수 정보들) 모아놓는다. 함수를 실행할 때마다, 그 함수에 대한 새로운 실행 콘텍스트를 생성하여 자신만의 고유한 콘테스트에서 실행된다. 어떤 정보를 가지고 있을까? 코드 실행하기 위한 여러 가지 정보 ex) 어떤 변수가 있는지, 어떤 변수를 hoisting 할지, scope는 어떻고 scope chain은 어떻고, t..

원티드 프리온 보딩 프론트 앤드 3주 차 여섯 번째 수업 TIL (22.01.24~22.03.03) 프리온 보딩 프론트 앤드의 강사님은 위 코드의 공동 창업자&이사의 직책을 가지고 계신 김예리 님이 강의를 해주셨습니다. 동기와 비동기 동기(Synchronouse) 정의 현재 실행 중인 코드가 끝나야 다음 코드를 실행 = 현재 실행 중인 task가 종료할 때까지, 다음 task가 대기하는 방식 고민할 점 장점: 동기 처리는 코드를 순서대로 하나씩 실행하기 때문에, 실행 순서가 보장된다. 단점: 현재 실행중인 task가 종료될 때까지 다음 task가 실행이 안 된다는 게 문제 = task가 블로킹(blocking) 된다고 말한다. 참고) 전형적인 동기의 blocking 예제 const arr = []; fo..

프리온 보딩에서는 과제마다 각 기업이 요구하는 기술을 바탕으로 과제를 진행하는 방식입니다. 다섯 번째 과제 땅콩 스쿨 페이지 만들기 땅콩 스쿨의 어플 홍보 및 회사 홍보 페이지를 만들었습니다. 배포 깃 허브 링크 https://github.com/Gilpop8663/05_01_peanutSchool GitHub - Gilpop8663/05_01_peanutSchool: 원티드 프론트앤드 프리온보딩 2기 14팀 땅콩스쿨 페이지 프로젝트 원티드 프론트앤드 프리온보딩 2기 14팀 땅콩스쿨 페이지 프로젝트입니다. Contribute to Gilpop8663/05_01_peanutSchool development by creating an account on GitHub. github.com 기능 구현 (맡았던 ..

원티드 프리온 보딩 프론트 앤드 3주 차 다섯 번째 수업 TIL (22.01.24~22.03.03) 프리온 보딩 프론트 앤드의 강사님은 위 코드의 공동 창업자&이사의 직책을 가지고 계신 김예리 님이 강의를 해주셨습니다. Breakpoint 데탑 스타일링 | ipad 스타일링 | phone 스타일링 **`1024px`** **`768px`** 보통 2개 - 1024 / 768 관리 편하게 하려면 1개 - 768 Media Query 미디어 쿼리에 대해 간략하게 설명해주셨고 scss에서 변수로 지정해주고 쉽게 사용하는 방법도 알려주셨습니다 @media only screen and (max-width: 480px) { body { font-size: 12px; } } @media : media 쿼리를 시작 o..

프리온 보딩에서는 과제마다 각 기업이 요구하는 기술을 바탕으로 과제를 진행하는 방식입니다. 네 번째 과제 메신저 페이지 만들기 사용자들이 채팅할 수 있는 페이지를 만드는 것이 과제였습니다. 배포 깃 허브 링크 https://github.com/Gilpop8663/04_messenger GitHub - Gilpop8663/04_messenger: 원티드 프론트앤드 프리온보딩 2기 14팀 메신저 페이지 프로젝트입니다 원티드 프론트앤드 프리온보딩 2기 14팀 메신저 페이지 프로젝트입니다. Contribute to Gilpop8663/04_messenger development by creating an account on GitHub. github.com 메신저 기능 구현 (맡았던 부분) Redux를 이용한 ..