2024/09 20

(git) master에 있는 파일과 main에 있는 파일을 합치는 방법

어제와 새벽에 각각 파일을 한 개씩 올렸다.새벽에 새벽에 아무리 푸시를 해도파일이 보이지 않았는데레포지토리명 하단에 main이랑 master를선택할 수 있는 버튼이 있길래 master를 클릭했더니방금 넣었던 파일들이 들어있었다..main으로 넣어야했던 파일들을 실수로 master에넣었던 것이었다.. git main이랑 master는 같은게 아닌가??왜 2개로 나눠지지?? 싶어서 찾아봤는데별거 없었다. 둘 다 똑같다고 한다. 바로 다음, main과 master를 합쳤다.git pull origin 브랜치명 --allow-unrelated-histories→  add . → commit -m " " (합치는 것에 대한 메시지) → git push

object 형식의 데이터를 value로 확인하고 싶을 때

내 콘솔 창에는 [object, object]라고 뜨는데강의에서는 제대로 된 값이 떴다.전에 상관 없다고 들었는데이왕이면 제대로 된 값을 보고싶어서알아보니까 stringify를 사용하면 된다고 해서알아보았다. JSON:JavaScript Object Notation의 약자브라우저와 서버사이에서 오고가는 데이터의 형식 JSON.stringify(value, replacer, space)value:필수로 입력하는 값JSON 문자열로 변환할 값이다.배열, 객체, 또는 숫자, 문자 등이 될 수 있음replacer(선택):선택해서 입력하는 값함수 또는 배열이 될 수 있음이 값이 null 이거나 제공되지 않으면,객체의 모든 속성들이 JSON 문자열 결과에 포함됨

Js & React 공부 2024.09.13

변수와 객체

객체key - valueJSON (JavaScript Object Notation)const 객체 = {   속성 : "값"   속성 : "값"   속성 : "값" } 객체 접근 방법1. 점 표기 법(.)속성. 객체명 2. 괄호 표기법속성[속성명을 담은 변수] 객체 추가속성. 추가할 객체명 = "값" 객체 수정속성. 수정할 객체명 = "값" 속성 삭제delete 객체명.속성; (1) Object.keys( )객체의 key를 추출하는 메서드 (2) Object.values( )객체의 값을 추출하는 메서드 (3) entries객체의 key와 값을 쌍으로 반환하는 메서드 (4) assign원본 객체에 속성을 복사하는 메서드  배열순차 데이터를 저장할 때 쓰임숫자의 배열, 문자의 배열대괄호를 사용함

sort와 localeCompare

공통점: 정렬 메소드차이점: 문자열은 locareCompare을 사용 const myNums = [1998, 2, 19, 148, 55, 220];이런 배열이 있다고 치자. myNumbs.sort( ); 를 하면 문자열을 (오름차순으로) 정렬한 것 처럼[148, 19, 1998, 2, 220, 55] 찍힌다. 하지만,문자열 말고 숫자로 정렬하고싶다면이렇게 해주면 된다.오름차순: 숫자배열.sort((a, b) => a - b);내림차순: 숫자배열.sort((a, b => b - a); 오름차순 변수 up을 줘서 출력을 한다면const up = myNumbs.sort((a, b) => a - b);console.log("오름차순 > ", up);// 오름차순 > [2, 19, 55, 148, 220, 199..

Js & React 공부 2024.09.11

let, const, var

var 키워드는 사용을 지양함 사용 이유데이터 저장관리의 필요성사용자로부터 받은 입력을 처리계산 결과를 재사용해야 할 때프로그램의 복잡성 관리// 변수가 없다면 모든 값을 기입해야 한다.그러면,코드가 복잡해지고, 오류가능성이 높아지며,프로그램의 확장성과 유지보수성이 떨어진다.하지만 변수를 사용하면코드의 가독성이 높아지고,수정이 필요할 때 적은 변경으로원하는 결과를 얻을 수 있다. var, let재할당 가능 const재할당 불가능상수를 선언할 때 사용값이 변경되지 않는 변수를 명확히 표현값 변경으로 인한 버그를 예방 가능 변수 선택 시,let과 const를 고를 때에 먼저 const를 선택재할당이 필요할 경우에 let을 선택 var 키워드 사용을 지양하는 이유범위 관리의 어려움예상치 못한 범위에서 사용될 ..

localeCompare

sort( )는 숫자만 된다.숫자만이라기 보다는 숫자 위주로 된다.저번에 숫자 위주인줄 모르고문자를 했는데 튜터님이 숫자 위주라고localeCompare를 알려주셔서 알았다.그렇게 문자를 하니까 잘 정렬이 됐었다.  localeCompare은 문자열 비교 메서드다.얘는 리턴 값이 -1, 0, +1만 리턴한다고 한다. -1을 리턴하는 경우:  좌측 문자열이 우측보다 알파벳 순서가 빠름 +1을리턴하는 경우: 우측 문자열이 좌측보다 알파벳 순서가 빠름 0을 리턴하는 경우: 2개의 문자열이 똑같다는 뜻  즉, 0이냐 아니냐에 따라 문자열을 비교하면 됨

Js & React 공부 2024.09.07

5차 수업 + a

promise랑 await의 추가 내용 async function Test( ) {// 데이터를 받아오기 전까지 기다린다.// fetch 함수는 promise// (pending, successed, rejected)// 를 return 하니까// 그 결과를 기다리지 않으면// pending이 무조건// console.log( )로 찍힐테니// pending이 안 찍히도록// fulfilled가 될 때까지// 기다리는게 await의 fetch // 즉, fetch 함수는 promise를 return 하는데,// 결과를 기다리지 않으면 pending이 // console.log( )에 찍힌다.// 그러지 않기 위해서// await를 사용하는 것이다.  try {        const result = aw..

5차 수업

메서드: 호출의 주체가 있는 것함수: 호출의 주체가 없는 것 slice인덱스 자르기배열.slice( ) some배열.some(콜백함수())논리 합 연산자조건을 만족하는지 확인하는 함수if문 사용이 필수는 아님 비동기:동기적으로 작동하지 않는 것외부적으로 어떤 데이터를 가져오거나입력해야 할 때 사용 (firebase)비동기 관련 처리= promise 객체를 이용하여 코딩핸들링 할 수 있는 두가지1. then, catch2. async, awaitfetch("url 주소"): 외부 데이터를 요청하는 함수 promisepromise의 세가지 상태1. 요청중 (pending)2. 성공(fulfilled)3. 실패(rejected) async, await함수명 앞에 async를 입력해야 함 우리가 원하는 건 pe..

4차 수업

배열API:배열이 가지고 있는 메서드 truthy:true인 것 같은 값참인 것 같은 값 falsy:false인 것 같은 값거짓인 것 같은 값 find조건에 맞는 첫번째 요소만 반환배열.find(콜백함수()) sort( )배열.sort()배열.sort((a,b) => ( a - b )는 오름차순배열.sort((a, b) => (b - a)는 내림차순(1) 원본배열 영향 있음(2) sort도 콜백 함수를 가짐(3) 이 콜백 함수는 인자가 2개(4) 이 콜백 함수의 return에는 숫자가 필요(5) 숫자로 이뤄진 배열은 b - a 가능(6) 문자로 이뤄진 배열은 localCompare 필요