민하코

 자바스크립트 반복문 모음 - while, do while 자바스크립트 반복문에는 여러가지 종류가 있습니다. 처음에는 고전적인 for문과 while문을 배웠을것입니다.  for문은 종류가 매우 많기 때문에 먼저 고전적인 while문을 알아보겠습니다. while문 while문은 조건문이 참인 동안 while문에 속한 문장들이 반복해서 수행됩니다. while ( true ) {   console . log ( "hi" );   break ; } true면 실행문이 영원히 반복하게되어 무한루프에 빠집니다. 무한루프에 빠지면 브라우저가 완전히 멈추게 되어 강제종료를 해야합니다. while(true)는 무한루프를 의미하기 때문에 break 구문이 필수입니다. break문을 써줘야 hi가 한번만 나옵니다.  예제1. while문을 이용해서 1부터 100까지를 더해보겠습니다. let val = 0 ; let i = 1 ; while ( i <= 100 ) {   val += i ;   ++ i ; } console . log ( val ); //5050 i가 false일때까지 돌다가 false가 되면 멈춥니다. 이 코드에서는 101이 false이기 때문에 while문을 빠져 나오고 true인 100까지를 더해줍니다. 예제2. while문을 이용해서 1부터 10까지 난수를 반복으로 실행하고 만약 5가 나오면 종료해보겠습니다. let val = 0 ; while ( true ) {   val = Math . ceil ( Math . random () * 10 );   console . log ( val );   if ( val === 5 ) {     break ;   } } console . log ( val ); //마지막에 5가 나오면 종료 do while문 do while문은 조건문을 판단하기 전에 do 블록 스...

 React useState 리액트로 개발 할 때 함수형 컴포넌트를 사용하면 React Hook을 사용 할 줄 알아야 합니다. 그중에 useState는 리액트의 가장 기본적인 Hook입니다. state는 컴포넌트의 상태라고 합니다. 이 useState 없이는 값을 바꿀 수 없습니다.   const [ 상태 , set상태 ] = useState ( 초기값 ) 배열에 첫번째 인덱스는 변수명을 넣고 두번째 인덱스에는 이 변수를 변경할 수 있는 함수를 넣는데 이 함수는 set함수라고 부릅니다. useState를 쓰기 위해서는 컴포넌트 바깥에서 import를 해와야 쓸 수 있습니다. 자동완성 기능을 사용하면 빠르게 import를 할 수 있습니다.  변수를 html 태그에 포함 시킬 때에는 html 코드에서 중괄호 {}를 넣고 그 사이에 변수명을 입력합니다. 그러면 초기값을 브라우저에 띄울 수 있습니다. import { useState } from "react" ; import "./App.css" ; function App () {   const [ plus , setPlus ] = useState ( 0 );   const addFn = () => {     setPlus ( plus + 1 );   };   return (     < div className = "App" >       < span > 수량: { plus } </ span >       < button onClick = { addFn } > + </ button >     </ div >   ); } export default App ; setPlus는 상태값을 바꿔주는 set함수 입니다. 자바스크립트에서는 ad...

 React 쓰는 이유 React 장점 React는 모바일 App처럼 새로고침 현상 없이 부드럽게 동작합니다. React로 웹을 만들지만 앱 처럼 동작하기 때문에 wep-app 이라고 부릅니다. 웹앱을 쉽게 만들 수 있는 라이브러리는 총 세 가지가 있습니다. React Angular Vue 저 세가지 중에서 가장 많이 쓰이고 있는 것이 React 입니다. React-native로 모바일 앱으로 발행이 쉽고 앱 처럼 빠른 동작 덕분에 쇼핑몰 같은 곳에서는 일반 웹 사이트보다 구매율이 더 높다고 합니다. 그래서 요즘은 React로 웹앱을 많이 만들기 때문에 웹 개발자들의 필수 스킬이 되어버렸습니다. React 단점 React는 문법이 좀 어렵습니다. hook 함수를 외워야 하고 작동 원리를 배워야 합니다. 옛날에는 class문법을 써서 많이 복잡했는데 요즘은 함수형으로 나와서 많이 간편해졌지만 React를 처음 접하는 사람에게는 생소하기 때문에 좀 어렵습니다. 자바스크립트 기초와 HTML/CSS를 알아둬야 하기 때문에 공부하는 기간이 늘어 공부만 하다가 언제 취업하지 하고 포기 하실 수도 있습니다. 저는 퍼블리싱을 1년정도 했었기 때문에 HTML/CSS는 수월했지만 자바스크립트를 잘 몰랐기 때문에 시간이 조금 걸렸습니다. React와 같이 공부 하면 좋은것들 Redux-Toolkit Redux-Toolkit은 Redux를 좀 더 간편하게 쓰기 위해 나온 상태 라이브러리입니다. Redux 말고도 요즘엔 recoil도 많이 쓰이는것 같습니다. Redux-Toolkit(상태라이브러리)을 쓰는 이유 복잡한 props문법 대신 쉽고 깔끔하게 사용 할 수 있습니다. state 변경 관리할 때 씁니다. Next.js React는 프레임워크가 아닌 라이브러리 입니다. 이 라이브러리를 좀 더 간편하게 쓰기 위해 Next.js 프레임워크가 나왔습니다. 그러나 Next.js가 프론트엔드 기술스텍이 아닙니다. 요즘은 인건비 때문에 풀스텍 개발자를 많이 찾는 추세라 프론트엔드 기...