function solution(num) { var answer = ''; if(num%2===0){ return 'Even' }else{ return 'Odd' }; } 정수가 짝수일 경우 이븐을 반환 하고 홀수 일 경우 오드를 반환한다. 짝수는 2로 나눈 나머지가 0이므로 이프문을통해 트루값을 갖으면 이븐이 되게한다. function solution(num) { var answer = ''; (num%2===0)? return 'Even' : return 'Odd' 삼항 연산자를 이용하면 더 간결하다. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function solution(arr) { var answer = 0; let sum =0; ..

App.jsx import "./App.css"; import Router from "./shared/Router"; // 별도의 폴더인 쉐얼드에 라우터.js 에서 라우터를 임포트 // 이거 리액트 라우터 돔에서 임포트 하면 안됨 내가 만든 라우터.js파일 function App() { //에서 가져와야함 return ; // 라우터 태그를 달아본다. } export default App; Router.js import { BrowserRouter, Route, Routes } from "react-router-dom"; //터미널에서 다운받은 리액트라우더돔 import HOme from "../pages/HOme"; //에서 요거 세개를 임포트 import About from "../pages/Abou..

컴포넌트 App.jsx import React, { useState } from "react"; import { useDispatch, useSelector } from "react-redux"; // 스토어에 액션을 보내줄 디스패치와 스테이트값을 import { plus_one } from "./redux/config/modules/counter"; //받을 셀렉터를 임포트 import { minus_one } from "./redux/config/modules/counter"; import { PlusOne } from "./redux/config/modules/counter"; //나머지것들은 카운터라는 리듀서의 타입들 import { plusN } from "./redux/config/module..

import React, { useState } from "react"; //APP.jsx 파일이다. import Box1 from "./components/Box1"; // 별도의 컴포넌트 폴더에 박스 원투쓰리 컴포넌트 넣어놓음 import Box2 from "./components/Box2"; //그것을 임포트 해줘야함. import Box3 from "./components/Box3"; function App() { // 버튼을 두개두고 누르면 카운트가 변하는 예제 console.log("App컴포넌트 랜더링"); //요 콘솔로그로 인해 리랜더링시 요 글자가 찍힌다. const [count, setcount] = useState(0); const plusbtn = () => { setcount(co..

import "./App.css"; // 스테이트와 알이에프 서로다른 훅 비교 로직 import styled from "styled-components"; import { useEffect, useState } from "react"; import { useRef } from "react"; const style = { border: "1px black solid", margin: "5px", padding: "5px" }; function App() { const ref = useRef("초기값"); //{current : 초기값} 이런식의 커런트라는 키를가진 객체가 됨 const [count, setcount] = useState(0); //유즈카운트 셋카운트를 할때마다 리랜더링 const plusb..

import "./App.css"; import styled from "styled-components"; //yarn add styled-components 이거 터미널에 써서 다운로드 받은후 //임포트 해야 사용가능 const Stcontain = styled.div` display: flex; // 요 변수를 태그명으로한 곳의 스타일을 변경가능 `; //근데 이거 변수명을 대문자로 써야함 왜 안되는지 한참갸우뚱함 const Styledbox = styled.div` //이하동문 width: 150px; height: 150px; border: 1px solid ${(props) => props.borderColor}; // 요거 대박 //이게 자식컴포넌트라서 대문자를 써야되나봄 margin: 15p..