본문 바로가기

Programing371

[모던JS] 002. [소개] 매뉴얼과 명세서 원문명세서ECMA-262 명세서(specification)는 자바스크립트와 관련된 가장 심도있고 상세한 정보를 담고 있는 공식문서이다. 매년 새로운 버전이 나오지만 초보자가 이 내용을 이해하기는 쉽지 않다.매뉴얼MDN JavaScript Reference는 모질라 재단에서 운영하는 사이트이다. 특정 함수나 메서드에 대한 깊이 있는 정보를 얻고 싶다면 이 사이트가 좋다.이 사이트에서 직접 원하는 내용을 찾아도 되지만 구글에 'MDN 원하는 용어'로 검색해도 MDN 사이트의 자료가 나오기 때문에 이런 방법도 학습에 좋다.호환성 표자바스크립트는 계속 신기능이 나오고 보완되는 언어이다. 따라서 웹 개발자가 사용자의 브라우저별로 이 기능이 호환이 되는지 체크해야 할 필요가 있다.두 개의 사이트가 대표적이다.can.. Programing/JavaScript 2024. 3. 25.
[모던JS] 001. [소개] 자바스크립트란? 원문정의자바스크립트란?자바스크립트(JavaScript)란 웹페이지에 생동감을 불어 넣기 위해 만들어진 프로그래밍 언어이다.자바스크립트는 최초 LiveScript라는 이름으로 불렸다. 그러나 당시에 Java라는 프로그래밍 언어가 인기가 좋았기에 이에 편승하기 위해 자바스크립트라고 이름을 바꾸었다.스크립트란?스크립트(script) : 자바스크립트로 작성한 프로그램을 스크립트라고 부른다.스크립트는 HTML로 작성된 웹 페이지의 HTML 안에 작성할 수 있는데 웹 페이지를 불러올 때 스크립트가 자동으로 실행된다.스크립트는 다른 언어처럼 별도의 컴파일이 필요 없다.자바스크립트의 동작자바스크립트는 웹 브라우저에서 실행할 수 있고, 서버에서도 실행할 수 있다. 그리고 자바스크립트 엔진(JavaScript Engine.. Programing/JavaScript 2024. 3. 23.
[ONEBITE-REACT] 021. JS 심화 - 배열 메서드 2. 순회와 탐색 이번 강의에서는 배열을 순회하고 탐색하는 메서드 5가지에 대해 학습한다. forEach 개념 모든 요소를 순휘하면서 각각의 요소에 특정 동작을 수행시키는 메서드이다. 기본형 배열명.forEach(element, index, array)(function() {};) 배열의 모든 값을 하나씩 순회하면서 출력한다. forEach에 콘솔에 출력하는 기능을 넣는다거나 특정 동작을 배열의 값마다 순회하면서 동작하게 하려면 파라미터로 위와 같이 콜백 함수를 넣으면 된다. // 콜백 함수 (익명 함수) 배열명.forEach(ele, idx, arr)(function () {}); // 축약(화살표 함수) 배열명.forEach(ele, idx, arr)(() => {}); 매개 변수 3가지 forEach의 매개변수로는 .. Programing/React 2024. 3. 20.
[ONEBITE-REACT] 020. JS 심화 - 배열 메서드 1. 요소 조작 의미 메서드(Method)란 객체에 속한 함수를 말한다. 배열(Array) 또한 객체(Object)이고 이러한 객체들은 데이터와 메서드로 이루어진다. 데이터는 말 그대로 값이고 메서드는 배열을 조작하는 함수의 역할을 하는 것이다. 이번 강의에서는 크게 6가지의 요소 조작 메서드에 대해서 배운다. 6가지의 요소 조작 메서드 push 개념 배열의 맨 뒤에 새로운 요소를 추가하는 메서드 기본형 let 객체변수명 = [값1, 값2, ...] 객체변수명.push(추가할 값1, 추가할 값2, ...) 예제 let arr1 = [1, 2, 3]; arr1.push(4); console.log(arr1); // [1, 2, 3, 4] newLength 배열의 push 메서드는 newLength라는 변수의 값으로 초기화.. Programing/React 2024. 3. 20.
GitHub로 협업 하기 학습 출처 | 유튜브 코딩알려주는누나 Git과 GitHub에 대한 개념이 있더라도 이를 통해 팀원들과 협업하는 과정은 어렵다. 별도로 학습해야 할 필요가 있다. 이 내용을 학습하려면 Git과 GitHub에 대한 이해가 선행되어야 한다. 학습 순서 Repository 생성 팀원 초대 프로젝트 환경설정 develop 브랜치 생성 master 브랜치 보호 프로젝트 보드 생성 Git issue 생성 feature 브랜치 생성 팀원 역할 시작 (협업 시작) 프로젝트 클론 feature 브랜치 생성 개발 진행 소스코드 업로드 풀 리케스트 (PR) 생성 코드리뷰 깃 충돌 해결하기 develop 브랜치에 최신 코드 가져오기 다시 feature 브랜치로 돌아가기 feature 브랜치에서 develop 브랜치와 merge.. Programing/Git 2024. 3. 16.

티스토리툴바