모스카토

1. map 함수 배열 각각의 요소를 순회하면서 각 요소에 대해 코드를 시행할 수 있다. 배열에 대해 for문 같은 역할을 할 수 있다. continue, break가 필요할 때는 for문을 사용하고, 이미 있는 배열은 map을 사용. let A = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; A.map(v => v * 2). //배열 A를 순회하면서 시행함. let rs = A.map((v) => v * 2); // 반환하는 값을 새로운 변수에 넣을 수 있다. map 함수는 리턴값을 쓸 수 있어서 위와 같이 결과값을 변수에 넣을 수 있다. 즉, 깊은 복사를 할 수 있다. 이차원배열을 깊은 복사하려면 모든 배열이 풀려야 한다. 배열이 안에 있는 채로 배열을 복사하면 얕은복사가 된다. let..

1. 연산자 1. 산술연산자 사칙연산에 쓰이는 + - * / 와 나머지 % 연산자가 있다. 숫자와 문자열 모두 산술연산자를 사용할 수 있다. 단 한가지 다른 점은 문자열에서 + 연산자를 사용할 때는 더하기가 아니라 문자열끼리 붙여진다는 것이다. console.log("20" + "22"); // 2022 console.log("20" - "3"); // 17 console.log("20" * "3"); // 60 console.log("20" / "3"); // 6.666666666... console.log("20" % "3"); // 2 + 외의 다른 연산자들은 문자열을 숫자처럼 계산한다. 2. 증감연산자 ++ 와 -- 가 있다. ++ 는 1 씩 증가하고, -- 는 1 씩 감소한다. 변화한 값은 다시..

1. 파일경로 에는 [ 절대경로 ] 와 [ 상대경로 ] 가 있다. / 는 최상위경로를 의미한다. 2. git graph extension 은 변경사항을 비교할 수 있어 유용하다. 자바스크립트 뭐든 시작할 때는 설치, 실행, 배포 세 단계로 나누어서 본다. 한 가지를 성공했다면 한 단계는 넘어선 것이다. 1. 자바스크립트를 실행 하는 방법 3가지 1. 콘솔창 콘솔창을 키는 방법은 3가지가 있다. ① 크롬> 도구더보기 > 개발자도구 로 들어가거나 ② F12를 눌러서 console 탭으로 들어가거나 ③ 오른쪽 마우스 클릭 후 검사에서 console 탭으로 들어가면 된다. 콘솔창은 자바스크립트만 칠 수 있는 공간이다. 어려운 수학 계산을 해야 할 때 개발자도구를 사용하면 유용하다. 콘솔창에서 쓴 자바스크립트 명..

1. 자바스크립트 : 웹사이트의 동적인 부분을 제작할 때 사용하는 프로그래밍 언어 -> IoT, 하이브리드앱, 서버개발 등 폭넓게 사용된다. 2. html 에 자바스크립트 연동방법 : script 태그의 src프로퍼티에 js파일 경로를 준다. 3. 자바스크립트의 변수 1. 변수만들기 1. 변수 선언 : 데이터를 담을 공간을 생성 var fruit; ## var + 변수이름 한번 fruit라는 공간을 생성했으면 안의 데이터를 변경할 때는 새로 선언할 필요가 없다. 2. 변수 초기화 : 생성된 변수에 데이터를 전달 fruit = "apple"; 3. 변수 선언과 초기화를 동시에 한다. var fruit = "apple"; 2. 변수 문법 1. 변수명은 숫자로 시작할 수 없다. 2. 변수명은 최대한 자세하게,..

1. git 이란? git은 여러 사람이 각자 컴퓨터로 작업한 내용을 작업한 내용을 커밋으로 만들어 저장하고 협업 할수 있게 한다. 오픈소스이다. 1. git 을 사용하는 이유 효율적인 협업이 가능하다 : 여러사람이 같은 파일을 수정할 경우, 버전이 달라지고 이를 통합하기가 힘들다. 버전관리가 쉽다 : 여러 버전을 동시에 관리할 수 있고, git 은 버전들을 스냅샷형태로 저장하여 여러 버전으로 이동하기 쉽다. 2. git의 특징 1. 가지치기와 병합 여러 작업을 동시에 할 때 섞이지 않게 독립적으로 개발가능 개발, 테스트 진행 후 뻗어나온 가지를 병합가능 2. 가볍고 빠르다 코드를 공유할 때만 중앙서버에 접속하면 되고 코드는 각 사용자의 로컬에 존재한다. 3. 분산작업에 효율적이다. 프로젝트를 복사하여 ..

1. 미디어쿼리 @media pc, 태블릿, 모바일 등 기기의 화면 크기에 맞게 웹사이트를 만들 수 있다. 반응형 : 크기 변화를 줬을 때 자연스럽게 변화하는 사이트 적응형 : 크기 범위별로 단계적으로 변화하는 사이트 1. 미디어 쿼리 : @media (min-width : 320px ) and (max-width : 800px ){ css } 브라우저의 가로폭을 설정하는 기능 외에 없다. 미디어쿼리를 셀렉터로 주고 css를 주면 설정한 가로폭에 해당하는 화면일 때 적용한 css가 적용된다. 미디어 쿼리에 작성하지 않은 속성들은 @media 밖에서 작성한 코드를 상속받아서 적용된다. 2. 미디어 쿼리가 정상적으로 출력되는지 확인하는법 1. 크롬 개발자도구에서 Elements왼쪽 2. Troy Labs -..