당근먹는하니
귀엽고 행복해
당근먹는하니
전체 방문자
오늘
어제
  • 분류 전체보기 (274)
    • 다람쥐🐿 (26)
    • C++ 공부빵야 (7)
    • 공부👻 (5)
    • 프론트엔드✏️ (228)
      • 코드캠프 (120)
      • 팀 프로젝트✨ (31)
      • 개인공부 (67)
    • 프론트엔드 - 바닐라js (7)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 코드캠프
  • HTML
  • emotion
  • 팀프로젝트
  • 공통 컴포넌트
  • 부트캠프
  • 프로그래머스
  • 리액트
  • 프론트엔드
  • 자바스크립트
  • 알고리즘
  • react
  • refreshtoken
  • 배열
  • 배포
  • 회고
  • next.js
  • JS
  • ssg
  • 코딩 부트캠프
  • javascrpit
  • 팀플
  • typescript
  • 팀 프로젝트
  • React-hook-form
  • graphql
  • CSS
  • javascript
  • algorithm
  • 코딩

최근 댓글

최근 글

티스토리

250x250
반응형
hELLO · Designed By 정상우.
당근먹는하니

귀엽고 행복해

220509 프론트엔드 부트캠프 1일차 : 리액트, 얀, 깃
프론트엔드✏️/코드캠프

220509 프론트엔드 부트캠프 1일차 : 리액트, 얀, 깃

2022. 5. 9. 22:53
728x90
반응형

😊수업
실무형 자바스크립트 리액트, 같이 쓰는 것 Next.js
GUI : 마우스 클릭으로 폴더를 만드는 등 기존의 그래픽 UI
CLI : 터미널 이용
관리자 권한은 앞에 sudo를 붙인다.
보일러 플레이트 : 초기 폴더구조
JSX : 리액트 전용 HTML
CSS-IN-JS : 리액트 인기 css 방식
Emotion : 간결한 코드, 태그에 의미를 부여하고 코드의 재사용성을 증가시킨다. (styled-component)
_app.js : 설정 파일, 모든 페이지가 시작되기 전에 한 번 시작되는 파일 (Initialize 느낌인가?)


[패키지 매니저] - 앱스토어, 플레이 스토어, npm, yarn(JS 런타임 패키지 관리)
런타임 - 프로그램이 실행되고 있는 환경
Node.js 웹브라우저 밖, 로컬에서도 실행될 수 있게끔
npm - 개인이 개발, 2020년 깃허브가 인수, 의존하는 다른 패키지를 자동으로 실행
yarn - 페이스북이 2016년 만듦 조금 더 빠름, 중복 설치 불가(자동 링크 처리)
package.json -프로젝트에 필요한 정보를 담은 카탈로그 (해당 프로젝트 폴더에만 존재)
node_modules 같이 제출하지 말라~ package.json 포함되어 있기 때문에 제출 안해도 됨
패키지 매니저가 패키지 제이슨을 읽고 그 폴더에 설치를 하는 것이야~
[로컬호스트]
Loop back 현재 사용중ㅇ인 컴퓨터 자신을 스스로 서버로 만들고 요청과 응답을 내부적으로 처리하는 것
localhost:3000 , 127.0.0.1 - 작업공간으로 감
USER → DNS(KT,SK...) : 네이버의 실제 주소가 뭐냐 → SERVER 네이버 (223.195.195.95)
223.195..다른 걸로 주소가 수정되면 작업공간 제대로 못 찾아가.
[Port]
나눠서 처리, 한 포트에 하나만 처리! 여러 프로그램 중복 불가능
사용하지 않는 서버 프로그램(yarn dev)은 터미널에서 ctrl + c 입력하여 종료
port kill 명령어를 입력하여 강제 종료 가능
재부팅하면 모든 포트 점유 프로그램 중단
[git/github]
깃은 로컬에 있는거 깃허브는 온라인으로
작업 중인 파일을 편집 전 상태로 되돌리려면?
로컬. 원격(Remote Repository)_온라인
git init 새로운 깃 저장소 생성 - 이제 할 일 별로 없음
git clone 원격 저장소 복제
commit 폴더, 파일의 변경사항을 기록하는 것
Branch 같은 코드 기반 다른 작업가능하게 하는 것
master - dev - feat
[git 순서]
1. git init
2. git remote add origin 어쩌구저쩌구.git (복붙)
3. git remote -v (연결 확인)
4. git add 경로 / git add . (현재 디렉토리) / git add -A (작업 디렉토리)
5. git commit -m "퐁"
6. git push


input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`
input 태그 안에는 자식이 없어야함

위는 불가능, 아래는 가능

 

부모 태그는 하나여야하기 때문에 오류 발생
BackGround 안에 Wrapper를 넣어주면 된당

지금은 10시 42분 나는 조금 울고 싶다.

지금은 1시 34분...

더보기

고등학교 1학년 처음 야자했을 때 느낌같다. 약간 설레는데 이걸 앞으로 어떻게..? 라는 두려움도 함께...^_^ 여기서 밥먹고 양치까지 하니까 완전 고3때 같다. 그리고 일기처럼 쓰는 블로그인데... 링크를 올려야한다는 것도 두렵다...

점심은 담소 순대국에서~~~ 순대가 몇 개 없었다... 난 순대가 좋은데.

저녁은 없음.. 당연함 숙제를 이제 끝냈으니까... 나 로아 펫 활성화 왜 시켰지, 한동안 할 일 없을 것 같다.

고3때 너무너무 힘들지만 이것도 몇 달만 하면 된다는 생각으로 버텼는데! 지금은 심지어 더 좋은 환경에서 공부하니까... 할 수 있다~~~~~~~~~^ㅁ ^

 

담소 순대국 돼지어쩌구

728x90
반응형
저작자표시 동일조건 (새창열림)

'프론트엔드✏️ > 코드캠프' 카테고리의 다른 글

220511 프론트엔드 부트캠프 - 3일차 : Rest, GraphQL  (0) 2022.05.12
220510 프론트엔드 부트캠프 2일차  (0) 2022.05.11
부트캠프 - precamp 5일차 💛final 회원가입💛  (0) 2022.05.07
부트캠프 - precamp 4일차 : 끝말잇기, 로또, 쥬크박스  (0) 2022.05.06
부트캠프 - precamp 3일차  (0) 2022.05.05
    '프론트엔드✏️/코드캠프' 카테고리의 다른 글
    • 220511 프론트엔드 부트캠프 - 3일차 : Rest, GraphQL
    • 220510 프론트엔드 부트캠프 2일차
    • 부트캠프 - precamp 5일차 💛final 회원가입💛
    • 부트캠프 - precamp 4일차 : 끝말잇기, 로또, 쥬크박스
    당근먹는하니
    당근먹는하니

    티스토리툴바