Map
-
[React] JSX, ComponentcodeStates front-end/React 2023. 1. 20. 15:16
📌리액트 기초 개념 📍JSX JavaScript를 확장한 문법 React에서는 DOM과는 다르게 css,jsx 문법만을 가지고 웹 애플리케이션을 개발할 수 있다. DOM에서 JS와 함께 사용하기 위해서는 js와 html을 연결하기 위한 작업이 필요 Inline 방식이나 script 태그를 이용해 외부 js 파일을 연결 가능 🔖 jsx를 써야하는 이유 명시적 코드 작성 : js 문법과 html 문법을 동시에 이용해 기능 구조를 한눈에 확인 가능 코드단순화, 가독성 import React from "react"; import "./styles.css"; function App() { const user = { firstName: "React", lastName: "JSX Activity" }; functio..
-
[JS] chapter14. 내장고차함수codeStates front-end/Java Script 2023. 1. 12. 13:59
📌 내장 고차 함수 JS에서는 기본적으로 내장된 고차 함수가 있다 배열 메서드들 중 일부가 대표적인 고차 함수 1. filter 배열 메서드이며, 모든 배열의 요소 중에서 특정 조건을 만족하는 요소를 걸러내는 메서드 filter 과정 배열의 각 요소가 특정 논리(함수)에 따르면, 사실(true)일 때 따로 분류(filter). // 아래 코드에서 '짝수'와 '길이 5 이하'는 문법 오류(syntax error)에 해당합니다. // 의미만 이해해도 충분합니다. let arr = [1, 2, 3, 4]; let output = arr.filter(짝수); console.log(output); // ->> [2, 4] arr = ['hello', 'code', 'states', 'happy', 'hacking..