나다김강니

프로젝트하면서 블로그 써야지,,,써야지.... 하고 주제만 적어놓고 이제야 씀ㅋㅋ 몰아작성하기... React에서 상태를 관리할 때 토글 기능을 많이 쓴다.드롭다운 메뉴를 열거나 닫는 기능을 만들 때, 상태를 true 또는 false로 토글하는 기능!! 난 게시판에서 정렬방법 선택할 때 토글기능을 썼음. 근데 난 처음에 단순하게setFilterDropdown(!filterDropdown)이렇게 작성했단말임... 근데 찾아보니까 보통setFilterDropdown(prevState => !prevState)이렇게 쓰더라고..?? 그래서 이 두개가 뭐가 다르냐면 1. setFilterDropdown(!filterDropdown)  • 장점: 코드가 간단하고 이해하기도 쉬워. 딱히 복잡하게 생각 안 하고도 바..

UseState hook💡 useState hook     평범한 자바스크립트 변수의 값이 변경되는 경우, 화면은 다시 렌더링 되지 않는다.     값 변경에 따라 화면이 렌더링되는 화면을 만들어야 한다면, 값이 리액트 상태 변수에 저장되어야 한다.     리액트에는 use로 시작하는 함수들이 제공된다. 이 함수들을 hook이라고 부른다. button 활용import React, { useState } from 'react';import './App.css';function App() { // 0 : 상태 변수의 최초 값 // count : 현재 값이 리턴되에 대입되는 상수 // serCount : 상태 변수 값을 변경하기 위해서 호출해야하는 함수 const [ count, setCount ] ..

Props💡 props props는 propertied의 줄임말이다. 어떠한 값을 컴포넌트에게 전달해줘야 할 때, props를 사용한다.propsMessage 함수형 컴포넌트를 호출하면서 { value: "안녕하세요", color: "blue" } 형태의 props 값 객체를 Message 함수에 전달한다.//Message 함수 컴포넌트는 props 값 객체를 파라미터로 받는다.export type MessageProps = {    value: string,    color: string}function Message(props: MessageProps) {  return ...}"key" prop 태그나 어떤 태그가 반복된 목록의 경우, 그 목록 태그에 "key" prop가 있어야 한다.그리고 ..

증감 연산자변수의 값을 1 증가시키거나 1 감소시키는 연산자연산식설명++피연산자피연산자의 값을 1 증가시킴—피연산자피연산자의 값을 1 감소시킴피연산자++다른 연산을 수행한 후에 피연산자의 값을 1 증가시킴피연산자—다른 연산을 수행한 후에 피연산자의 값을 1 감소시킴 예시int num = 0;num++;System.out.println(num); //1++num;System.out.println(num); //2int result = num++;System.out.println("result=" + result); //result=2System.out.println("num=" + num); //num=3result = ++num;System.out.println("result=" + result); //..

Variable(변수)하나의 값을 저장할 수 있는 메모리 번지에 붙여진 이름, 프로그램은 변수를 통해 메모리 번지에 값을 저장하고 읽는다.변수 선언// 자료형 변수공간이름 = 값int num = 100; // 정수double dnum = 3.14; // 실수char ch = 'a'; // 문자 1글자char ch = 64; // 유니코드를 직접 저장String name = "홍길동"; // 문자열boolean isRun = true; // true/falseString str = "a"; // 문자열String name1 = "Albert"; // 문자열 더..

특징main()함수로 시작어디에서나 변수선언, 사용 가능모든 변수가 객체, 모든 객체는 object클래스 상속받음dynamic타입 이용(dynamic : 여러 자료형 허용)외부로 노출하고 싶지 않을 경우 변수나 함수 앞에 언더스코어(_) 사용제네릭타입을 사용해 개발 가능null safety wldnjs : 컴파일 전 널 예외(null exeption)을 알 수 있음 -> null에 대한 오류가 발생하지 않도록 작업 가능  VARIABLESfinal : javascript의 const역할const : compile-time constant(compile-time에 알고 는 값이어야 함) API에서 받아야하는 변수 값은 Xlate : final이나 var앞에 붙이는 수식어 : 초기 데이터 없이 변수 선언 가..