Map객체와 동일하게 Key / Value 형식으로 되어있다.객체와 차이점으로 Map은 Key가 정렬된 순서로 저장되고, Key에는 어떤 데이터타입(유형)도 다 들어올 수 있다.기능 : 검색, 삭제, 제거 여부 확인 Map의 속성과 반복문(iterator)new Map() : Map생성map.set(key, value) : key와 value 저장map.get(key) : key에 해당하는 값을 반환한다, key 가 존재하지 않으면 undefined를 반환.map.has(key) : key 가 존재하면 true , 존재하지 않으면 false 를 반환.map.delete(key) : key 에 해당하는 값을 삭제.map.clear() :Map의 모든 요소 제거.map.size :..
구조분해할당단축속성명전개구문 구조분해할당 배열이나 객체의 속성을 분해하여 할당한다 배열배열 형태로 변수를 선언, 배열을 할당하면 변수에 배열 요소가 하나씩 할당된다할당되는 배열보다 변수 길이가 짧은 경우 undefined으로 출력된다let [value1, value2] = [1, "new"];console.log("1", value1);console.log("2", value2);let arr = [value1, value2, value3];let [a, b, c, d] = arr;console.log(a);console.log(b);console.log(c);console.log(d); 변수에 d에 기본값이 있어도 할당된 값으로 변경된다.(초기값이기 때문에 할당된 값으로 변경됨)let [value1, ..
화살표 함수조건부 실행객체배열콜백함수를 이용한 배열 메서드 화살표 함수익명함수로만 사용이 가능하기 때문에 함수 표현식으로 작성된다.함수 몸체 구문이 한 줄이라면 중괄호 생략이 가능하고 암묵적으로 return이 된다.매개변수도 한 개일 경우 소괄호 생략이 가능하다let arrowFunc01 = (x, y) => { return x + y;}let arrowFunc02 = (x, y) => x + y;let arrowFunc03 = x => x; 조건부 실행 AND(&&) 조건1번과 2번은 같은 로직이다let x = 10;// 1.if (x > 0) { console.log("x는 양수입니다");}// 2.x > 0 && console.log("x는 양수입니다"); OR(||) 조건 z에 y값 또는..
JavaScript문법 1주 차 변수 선언var : ES6 이전 많이 사용하였다, 변수의 재선언이 가능하며 이로 인한 오류가 생길 수 있다let : var의 문제점을 개선하여 변수의 재선언이 불가하다 현재 보편적으로 사용되고 있다.const : 상수, 변하지 않는 값이다 문자열일 경우 가독성을 위해 대문자로 작성한다 문자열 함수concat : 문자열 결합하기let str1 = "Hello ";let str2 = "World ";let result = str1.concat(str2);console.log(result);substring, slice : 문자열 자르기let str3 = "Hello World";console.log(str3.substring(0,5)); // (시작위치, 잘라낼 문자 수)c..
현재 시간 멍집사 입니다! 콘텐츠 박스를 부모 포지션으로 잡고, 현재 시간을 나타내는 div에 자식포지션을 줘서 레이아웃을 잡으려 했지만 화면 배율이 변경될 때마다 위치가 어긋났었다.Flex도 이용해 보고, top과 right값도 여러 번 변경해 봤지만 원하는 위치에 고정이 되질 않았다결국 튜터님의 도움으로 제 자리를 찾아갈 수 있었다 튜터님이 주신 참고 사이트로 Flex를 다시 활용해 보자 Flex 참고 사이트https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 ..
[깃 Git] Github 협업하기
협업자 등록하기 (레포지토리 생성자만 등록가능)생성된 레포지토리 > Settings > Collaborators > Add people > 메일 또는 유저네임으로 추가초대된 팀원은 초대메시지 또는 메일로 초대 수락할 것 내 코드를 git repository로 업로드하기git remote add origin 레포지토리 urlgit branch -M maingit push -u origin main git remote add origin 레포지토리 url : 코드 업로드할 github 레포지토리 주소git branch -m 브랜치명 : Master에서 레포지토리 브랜치로 이동git push -u origin 브랜치명 git push 업로드 시 git push origin main으로 입력해야 하지만, -u..
[깃 Git] 깃허브 저장
git init : 기록 전, 초기화 (초기세팅)정확한 프로젝트 폴더에서 입력해야함 (바탕화면에서 입력할 경우 전체 파일, 폴더가 기록됨)프로젝트 시작 전 딱 한번만 입력하면 됨입력 후 ls -a (전체 파일 리스트) 입력 .git폴더 확인 git add 파일명 : 저장할 파일 지정git add . : 현재 폴더의 모든 파일 지정 (commit 된 파일 제외) git commit -m " commit메시지 작성 " : 코드 저장계정 설정이 안 돼있을 경우 아래 이미지처럼 뜬다Name에는 이름을, Email에는 Github에 등록된 이메일 입력하면 등록 완료github 우측 프로필 아이콘 - Settings - 좌측 메뉴 Emails에서 등록된 이메일을 볼 수 있다 git status : 파일 상태 ..
Git 이란 형상관리 도구로 소프트웨어의 변경사항을 추적, 통제하는 것 pwd : 현재 내가 작업하는 폴더의 위치 확인 ls : 현재 폴더 안에 있는 폴더, 파일 내역 보기 ls -a : 내 pc에 있는 모든 폴더, 파일 보기 cd : 폴더로 이동예시 / (Desktop 에서 git_test로 이동시) cd git-test* ~ (root 최상위 폴더) mkdir : 폴더 생성 touch : 설정한 이름의 파일이 없을 경우 새 파일 생성이미 파일이 있을 경우 마지막 수정일자 변경(날짜, 시간) 내일배움 캠프에 대한 각오. 내일배움 캠프는 짧은 기간에 많은 것을 배우는 만큼 분명히 힘들고 지칠 때도 있겠지만, 그 과정에서 새로운 기술을 습득하고 다양한 사람들과 협업하는 경험을 잘 활용해 ..