728x90 반응형 웹35 [React.js] 1주차 - Node.js, React.js 1. Node.js 1.1. Node.js 와 javascript자바스크립트 실행 환경(Run Time) = 구동기자바스크립트는 웹 내부에 필요한 간단한 기능만을 개발하기 위한 스크립트 언어였지만, node.js 로 인해 더 많은 걸 할 수 있게 됨1.2. 패키지 (pakage) 일반적으로 프로젝트가 특정 목적을 갖는 프로그램의 단위라면 node.js 에서는 패키지라는 단어를 프로그램의 단위로 사용한다. npm(node pakage manager)으로 패키지를 쉽게 설치하고 관리할 수 있다. 2. 모듈 (Module)기능 별로 나누어진 파일Javascript 의 모듈 시스템: Common JS(CJS), ES Module(ESM) 2.1. Common JS (CJS)function add(a, b) .. 2024. 10. 7. [JavaScript] Array.sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 기본적으로 sort 메서드는 배열의 요소를 문자열로 변환하여 사전순(유니코드 순서)으로 정렬하기 때문에 숫자 배열에서 sort 를 사용하면 예상과 다르게 정렬될 수 있다. let numbers = [40, 1, 5, 200];numbers.sort();console.log(numbers); // 출력: [1, 200, 40, 5] 정확한 정렬을 위해서 compareFunction 을 인자로 전달하여 사용할 수 있다. compareFunction 정렬 순서를 정의하는 함수로 생략할 수 있다. compareFunction 의 반환 값은 복사본이 아닌 정렬된 원 배열이다. 음수: a 가 b 보다 앞에 있어야 함양수: a 가 .. 2024. 8. 7. [React+JS/리액트] 웹 스터디 - state 변경함수 사용할 때 주의점: async 자바스크립트는 일반으로 코드를 작성하면 synchronous 하게 처리된다. 코드를 적은 순서 그대로 위에서부터 아래로 코드가 실행된다는 뜻이다. 그런데 어떤 코드들은 synchronous 하지 않게 실행되는 코드들이 있다. ajax, 이벤트 리스너, setTimeout 이런 함수들을 쓸 때 asynchronous, 즉 비동기적으로 코드가 실행된다. 이런 함수들은 보통 처리시간이 길다. ajax 로 예를 들면 인터넷 상황이 안 좋으면 코드 실행이 오래걸리는 것을 생각하면 된다. 그래서 이런 코드들은 순차적으로 실행되지 않고 완료되면 실행이 된다. 아래 코드를 실행시키면 2 4 가 순서대로 출력되고, 그 다음에 3이 출력된다. 이는 3을 출력하는 코드가 asynchronous 처리를 지원하는 코드이기 .. 2024. 8. 6. [JavaScript] 데이터 처리 - 기초4 프로토타입과 생성자 함수 객체는 현실의 개념을 추상화하여 정의한 것으로 상태와 속성, 메서드를 가지고 있다. 자바스크립트는 프로토타입 기반객체지향 프로그래밍이다. 여기서 객체지향 프로그래밍이란, 객체라는 기본 단위로 나누고 이들의 상호작용을 서술하는 방식을 말한다. 프로토타입 객체객체의 인스턴스를 만드는 부모 객체의 개념인 프로토타입자바스크립트의 모든 객체는 부모 객체인 프로토타입 객체와 연결부모객체의 속성과 메서드를 상속받아 사용모든 객체는 [[prototype]] 인터널 슬롯을 가지고 있다 -> [[prototype]]은 상속을 위해 사용__proto__ 라는 접근자 속성으로 접근 가능 -> __proto__ 로 Object.prototype 객체에 접근 프로토타입 객체 - 생성하기다른 객체에는 .. 2024. 8. 5. 이전 1 2 3 4 5 6 ··· 9 다음 728x90 반응형
