본문 바로가기

전체 글462

Git 사용하기! 내 repository 만들고 깃허브에 올리기! 1. VSCode에서 git init 2. git clone "내가만든 repository url" 3. 저걸 하면 폴더에 hanghaemarket이 생길것임 4. VS코드로 다시 돌아와서 다른 프로젝트 하나 만들어줌(여기걸 hanghaemarket으로 옮길것임) 5. 만들어졌으면 폴더 가서 다 복사하고 hanghaemarket폴더에 붙여넣기 6. VS코드로 돌아가서 위치 잡아주고 git add . git commit -m "수정내용" git push origin main 해줌 7. 잘 올라가는 것을 확인할 수 있음 2021. 4. 12.
리액트 기초 2강 정리 화면을 예쁘게! - SCSS 패키지 설치 해야함 yarn add node-sass@4.14.1 open-color sass-loader classnames 화면을 예쁘게! - styled-components 패키지 설치 yarn add styled-components import React from 'react'; // 패키지에서 styled를 불러올게요! import styled from 'styled-components'; function App() { return ( {/* props로 bgColor를 줘볼까요! */} hello React! ); } // scss처럼 자기 자신을 지칭할 때 &를 쓸 수 있습니다! // props 주는 방법! 이제 알고 있죠? const MyStyled = styl.. 2021. 4. 10.
리액트 기초 1강 정리 기초체력 1 : 서버와 클라이언트, 서버리스, DOM 웹의 동작 방식: 서버와 클라이언트 웹이 어떻게 우리한테 보이게 될까? 웹은 두가지로 이루어짐. 요청과 응답! 요청은 우리가 웹사이트를 볼 수 있게 해주는 클라이언트. 클라이언트는 노트북, 핸드폰, PC가 될 수 있음. 클라이언트가 서버에게 요청을 보냄. 이 때 서버는 html, JS, CSS같은 정적 자원들 혹은 데이터라고 부르는 친구들을 전달해줌. 이걸 응답한다고 얘기함. 그럼 웹의 동작 방식은? 1. 클라이언트가 서버에게 요청을 보낸다. 2. 서버는 응답을 해준다. 서버리스: 서버가 없다는게 아니라 서버를 내가 만들 필요가 없다는 뜻! DOM: DOM은 트리구조다. 기초체력 2: ES6 - 클래스, let, const, SCope, == ===,.. 2021. 4. 9.
리액트 프로젝트 만드는 순서 + 다른 zip 파일 덮어쓰기 -리액트 프로젝트 생성 순서: 1. yarn create react-app 프젝이름 2. cd 프젝이름 해서 위치 맞춰주고 3. yarn start -다른 zip 파일 덮어 쓰기 프로젝트 새로 생성하기 zip 파일 내, src 폴더와 새로 생성한 프로젝트의 src 폴더 교체 package.json 교체 프로젝트 루트 경로에서 yarn install로 필요한 패키지 설치하기 이때 파이어베이스에서 키값 안받아오면 아무것도 안뜨니까 키값 받고 파이어베이스 api 복사하는 곳에 복붙해서 실행하면 잘 뜸! > 2021. 4. 9.
클론코딩을 끝내고 참.. 많은 생각이 든 한 주 였다. 일단 능력자 팀장님, 팀원들 덕분에 처음으로(?) 과제를 괜찮게 제출했다. 마감 시간에도 허덕이지 않고 완성도 높은 페이지를 만들었다. http://programmers99.shop/ 클론코딩 | 프로그래머스 programmers99.shop https://youtu.be/Ejoa31jhNrc 우선 항해 들어와서 제일 부담을 느꼈고 동시에 뭔가 스스로 제일 많이 한? 주였다. 첫 주 프로젝트는 할만큼만 한 느낌이였고 알고리즘은 어려워서 거의 답보다 끝났고 리액트 강의 들었던 2주는 영혼없이 인강 보고 따라하다 끝났다면 이번엔 정말 내가 직접 뭔가를 만들어봤다. 팀장님이 물론 모르는건 다 해결해주셔서 완성 못하면 어떡하지에 대한 부담은 하나도 없었다. 영혼없이 인강 듣.. 2021. 4. 9.
나만 못하는 느낌(feat. 클론코딩 2주차) 금요일에 미션 받았을 때까지만 해도 크게 힘들거라 생각 안했는데 힘들었던 이유는 세가지였던 것 같다. 1. 생각보다 내가 못함(ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ) 2. 삭막한 팀 분위기(처음 겪어봄) 3. 나만 못하는 느낌(처음 겪어봄) 이 세가지가 공부하는데 큰 영향을 주진 않았지만 그냥 마음이 안좋았을 뿐이였다. 그래도 시간 들이면 헤더는 하겠지 했는데 토, 일, 월이 될때까지 헤더 하나 제대로 못하고 있어서 슬슬 현타가 오기 시작하고 팀장님은 웃음기가 없으시고.. 잘 알려주시고 케어해주시긴 하는데 이쯤되니까 이거 내가 아닌 사람이 하면 30분만에 끝낼 것 같은데 난 정말 팀에 도움이 1도 안된다(금욜부터 느꼈음) 못하는건 인정하는데 이렇게 못할 수 있다고..? 싶으면서 나한테 자괴감이 오고 팀장님한테 저.. 2021. 4. 7.

티스토리툴바