반응형 전체 글71 [JavaScript] 함수선언식, 함수표현식, 화살표함수 목차 함수의 구성 요소 자바스크립트에서 함수를 정의하는 방식 1. 함수 선언문 - 함수 선언문을 사용해 함수를 정의하는 방식 예시 function add(x, y) { return x + y; } console.log(add(5, 6)); // 11 - 함수 선언문은 함수 이름을 생략할 수 없다. function (x, y) { return x + y; } // Error: Function statements require a function name 2. 함수 표현식 - 함수 표현식을 사용해 함수를 정의하는 방식 예시 - 함수 표현식은 함수 객체를 변수에 할당할 수 있는 함수 정의 방식이다. const add = function (x, y) { return x + y; }; console.log(add.. 2023. 3. 26. [JavaScript] 배열, 배열 메서드(method) 배열(array) : 순서(index)가 있는 값 순서(index)는 0부터 시작함 각각의 값은 배열 요소 (element)라고 함 순서(Index) [0] [1] [2] 요소(Element) apple banana orange 배열 생성하기 // 1. 대괄호 사용하여 배열 생성 const arr1 = ['apple', 'banana', 'orange']; console.log(arr1) // ['apple', 'banana', 'orange'] // 2. 배열 생성자(constructor) 사용하여 배열 생성 const arr2 = new Array('apple', 'banana', 'orange'); console.log(arr2) //['apple', 'banana', 'orange'] 배열 관련 .. 2023. 3. 25. [React] React 시작하기 목차 React 프론트엔드 개발을 위한 JavaScript 라이브러리 React 시작하기 npx create-react-app "프로제트명" //예시 npx create-react-app appstart React 실행하기 // 폴더 이동하기 cd "생성한 프로젝트 폴더명" // 예시 cd appstart // 리액트 실행하기 npm run start ⬇️ 실행 후 화면 (http://localhost:3000/로 연결) React에서 UI를 구성할 때 사용하는 문법 JSX 문법을 사용한다. [React] 특징과 JSX 문법 React 프론트엔드 개발을 위한 JS 오픈소스 라이브러리 React 3가지 특징 1. 선언형(Decalarative) : 한 페이지를 보여주기 위해 HTML, CSS, JS로 나눠.. 2023. 3. 24. React Twittler Intro 과제 주요 JSX 문법 - 최상위에서 opening tag와 closing tag로 감싸주어야함 - CSS class 속성 지정 : "className" 으로 표기 - JSX에서 JavaScript를 쓰고자 한다면, 꼭 중괄호를 이용 (미 사용 시 일반텍스로 인식) - React 엘리먼트가 JSX로 작성되면 "대문자"로 시작=사용자 정의 컴포넌트 (소문자로 시작 일반적인 HTML 엘리먼트로 인식) - 조건부 렌더링은 삼항연산자 사용 - 여러 개의 HTML 엘리먼트를 표시할 때는 "map()" 함수를 사용 (map 함수 사용 시 "key" JSX 속성을 넣어야함) React Twittler Intro 과제 App.js Sidebar 컴포넌트 ✓ App 컴포넌트의 후손 컴포넌트로 Sidebar 컴포넌트가 있어야 .. 2023. 3. 22. 이전 1 ··· 9 10 11 12 13 14 15 ··· 18 다음 반응형
