codestates/section1

unit11-coz'mini hackathon

나아눙 2023. 1. 9. 01:36

local git repository 

디렉토리를 만들고 해당 디렉토리에 로컬 git repository  생성 ( git init)

stataging area (git add)

staging area(commit 하기전에 내용을 기록하는 장소)의 파일은 commit 가능(git commit)

-> commit으로 로컬 git repository에 내 코드를 기록 

git repository가 my-app 디렉토리(작업공간)에 생성
my-app/.git 폴더에 git활용을 위한 디렉토리 생성
git add index.html,git add style.css를 써도됨

index.html과 style.css의 각 코드들(저장하고 싶은 코드들)을 하나로 모아두는 과정

-> staging area로 넣는다.(git add <경로명> or git add.)

 

git status(staging area로 잘 옮겨졌는지 확인,git repository 변경사항 확인하기)

staging area의 코드 묶음을 저장하기로 결심(git commit)

staging area 코드의 용도를 적어두는 행위(-m "xxxxxxxx")                 

README.md (소개글?)            

 

remote git repository

git repository : 파일이나 폴더를 저장하는 저장소

원격 온라인 서버 상의 저장소

 

  1. github에서 원격 리포지토리를 생성

New를 눌러 새로운 github repository 만들기

    2.로컬 리포지토리에 원격 리포지토리 git url등록(git remote add <name> <URL>)

로컬 리포지토리와 원격 리포지토리 연결

name은 원격 리포지토리 주소를 대신할 이름

url:원격 리포지토리 주소

원격 리포지토리가 잘 연결되었는지 확인(git remote-v)

 

    3.로컬 git 리포지토리에 기록한 내역을 원격 git repository에 push

로컬 리포지토리에 기록한 내역을 원격 리포지토리로 옮기는 작업(git push <remote> <branch>)

  • 새롭게 생성한 원격 리포지토리에 기존 커밋 기록옮김
  • 기존 원격 리포지토리에서 일부 변경된 내용 옮김

이때 github 토큰 인증 에러가 났다.

2021년 8월부터 id/password방식이 아닌 토큰을 이용하기 때문에 에러가 발생하였다.

개인 엑세트 토큰은 CLI를 사용할때 github인증에 사용할수 있는 토큰을 말한다.

setting- develor settings - 이름,토큰 만료일 설정 - repo -generate token - 토큰을 복사한후 

git config --global user.password "토큰"한후 했더니 push가 되었다.

push함

fork

github원격 리포지토리를 자신의 github 원격 리포지토리로 포크

 

로컬 리포지토리로 git clone하여 따로 개발

 

public 프로젝트에 버그 수정 및 기능 추가 요청(push & pull request)

 

commit을 바로 이전 상황으로 돌림

git reset HEAD^

 

pull : remote repository -> local repository 로 내려받는 것(ex) github에서 직접 파일을 만들거나 수정하고 커밋)

-> 사용자가 브라우저에서 웹에 요청을 보내고 웹이 필요한 정보를 얻는다

push :local repository -> remote repository 로 올리는 것(ex) local에 직접 파일을 만들거나 수정하고 커밋)

-> 미리 정의된 구성 파일을 브라우저에 정보를 전달한다.

 

내 커밋 로그 확인

git log

 

컴포넌트 만들기

하나의 기능 구현을 위한 여러 종류이 코드 묶음 -> 컴포넌트

과제

개념 정리

new Date()는 현재 시간을 기반으로 Date 객체를 생성

toLocaleTimeString()는 이 객체에서 지역화된 형식의 시간 문자열을 반환

 

toLocaleTimeString()는 JavaScript의 Date 객체에서 사용되는 메서드로, 지역화된 (localized) 형식의 시간 문자열을 반환으로 사용자의 컴퓨터 시간대에 따라 진다.

 

new Date().toLocaleTimeString()는 JavaScript에서 현재 시간을 지역화된 형식의 문자열로 반환하는 구문

 

https://api.github.com/users/깃허브닉네임 을 적으면 자신의 정보가 들어있는 url얻는다.

 

.prepend()는 선택한 요소의 내용의 앞에 콘텐트를 추가

 

local strorage는 브라우저에 key-value 값을 Storage에 저장,localStorage에는 문자열만 읽는다.

JavaScript의 객체를 저장할 때는 JSON 형식으로 변환해야한다.

JSON.stringify()를 사용하여 JavaScript 객체를 JSON 문자열로 변환하고

 localStorage.setItem() 메서드를 사용하여 저장한다.

localStorage.setItem("agoraStatesDiscussions",JSON.stringify(data));에서

왜 JSON.stringfy로 바꿔주나 했더니  문자열만 저장하고 읽어오기 때문에객체를 JSON 형식의 문자열로 변환하였다.

저장된 데이터를 세션간 공유하므로 세션이 바뀌어도 저장한 데이터가 유지됩니다.

  • setItem() - key, value 추가(setItem(key, value))
  • getItem() - value 읽어 오기(getItem(key))
  • removeItem() - item 삭제(removeItem(key);)
  • clear() - 도메인 내의 localStorage 값 전체 삭제(localStorage.clear();)
  • length - 전체 item 갯수(localStorage.length;)
  • key() - index로 key값 찾기(key(index);)

var value = localStorage.getItem(key);

key는 로컬 스토리지에 저장된 키값을 넣고, 그 키에 대응하는 값을 가져오는 함수이다.

 

JSON.parse()는 JavaScript에서 JSON(자바스크립트 객체를 텍스트로 표현하는 포맷) 형식의 문자열을 자바스크립트 객체로 변환하는 함수이다.

 

JSON.stringify()는 JavaScript에서 자바스크립트 객체를 JSON 형식의 문자열로 변환하는 함수

{name: "so", age: , city: "Seoul"}; //자바스트립트 객체

{"name": "so", "age": , "city": "Seoul"}; //JSON 형식의 문자열

 

 

 

if (!from && !to)이 null,0, false, NaN, "" 이런 값을 가지고 있는 경우에 if문을 실행