JS 짧막 지식들
1. function handleChange(e) { setValue(e.target.value); }
import { useState } from 'react';: React 라이브러리에서 useState 함수를 불러옵니다. 이 함수는 React 컴포넌트에서 상태(state)를 다루는 데 사용됩니다.export default function SearchForm() {:
2.map 함수
https://www.freecodecamp.org/korean/news/javascript-map-method/gpt가 준 추가 예시
3.export default function Component() {return()}
업로드중..
4.javascript 조건 (삼항) 연산자
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_operatorhttps://fromnowwon.tistory.com/entry/%EC%82%BC%
5.화살표 함수 (이거 보면 이해 제일 잘됨)
https://codingeverybody.kr/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98%EC%9D%98-%EC%9D%
6.Boolean 표현방법 (is~ ex)isSelected, isValid, isLoading
업로드중..
7.삼항연산자, && 연산자
8.e.target.value
https://velog.io/@miogy/Basic-e.target.value-%EC%9E%85%EB%A0%A5%EA%B0%92%EB%B0%9B%EA%B8%B0
9.템플릿 리터럴
해당 부분에서 사용된 화살표 함수와 달러($), 중괄호({})의 의미는 styled-components와 템플릿 리터럴(Template Literals) 문법을 함께 사용하는 방법을 나타냅니다. 아래에서 각각의 의미를 하나씩 설명해 드릴게요.이 화살표 함수는 style
10.화살표 함수에서 매개변수가 하나이면 괄호 생략 가능
화살표 함수에서 매개변수가 하나일 때는 괄호를 생략할 수 있습니다.위 코드는 props라는 하나의 매개변수를 받아서 바로 props.src 값을 반환하는 함수입니다. 만약 매개변수가 두 개 이상이거나 함수의 내용이 더 복잡하다면 괄호가 필요합니다.예시:
11.${템플릿 리터럴}이란?(이거 보면 된다)
템플릿 리터럴(Template Literal)은 자바스크립트에서 문자열을 쉽게 조합하거나 여러 줄의 문자열을 표현하기 위해 사용하는 문법입니다. 기존의 문자열 표현 방식과 달리, 백틱(\`)으로 감싸고, ${}를 사용해 변수를 삽입할 수 있습니다.템플릿 리터럴은 변수
12.e.target.value (이거 보면 된다)
e.target.value는 일반적으로 HTML 폼 요소에서 사용자가 입력한 값을 가져오거나 처리할 때 사용됩니다. e는 이벤트 객체를 의미하고, target은 이벤트가 발생한 요소를 가리킵니다. value는 그 요소의 값입니다.주로 input, textarea, se
13.태그드 템플릿 리터럴 차이 (&& 랑 ||)
&&와 ||는 자바스크립트에서 논리 연산자(Logical Operators)로, 이 두 연산자는 서로 다른 방식으로 조건을 평가하여 값을 반환합니다. 이 두 연산자는 태그드 템플릿 리터럴 뿐만 아니라, 자바스크립트 전체에서 사용되는 논리 연산자입니다.|| (논리 OR
14.태그드 템플릿 리터럴 (tagged template literal)
바로 이전 게시물의 코드에 등장하는건데그러하다