연산자 : JavaScript에서는 여러 가지의 연산자가 있습니다. 종류를 살펴보면 산술 연산자 : +, -, *, /, %, ** 증감 연산자 : ++ (1씩 증가), -- (1씩 감소) 대입 연산자 : let x = 10 // 오른쪽에 있는 값 10을 x에 대입. 할당 연산자 : 비교 연산자 : == (값이 같다), === (데이터 타입이 같다), `!=` (값이 다르다) 논리 연산자 : && (AND), || (OR), !(NOT) 이렇듯 여러 가지의 연산자들을 자유롭게 작성하기 위해서 많이 익숙해지고 연습이 필수인것같다. 조건문 : if 문 의 기본 구성은 -> if (조건) {수행할 명령} let a = 20; let b = 40; if (a>b) { console.log("a는 b보다 크다")..

공부를 하면서 중요한 사실을 놓치고 있었다는 것을 깨달았다... 정보성 글은 내가 학습을 하면서 어떤 고민을 하고 마주했던 문제들을 어떤 식으로 해결해 나갔는지 하나도 보여줄 수 없다는 것이다. 평소에 개발공부를 하면서 여러 가지 개발에 관련된 언어, 기술 등을 학습하고 그것들을 잘 정리해서 블로그에 작성해 놓으면, 개인 복습에도 도움이 되고, 나중에 다른 사람들에게도 도움이 되고 이런 것들이 내 어필포인트? 가 될 수 있겠구나 생각했다. 하지만, 뭔가 느낌이 찜찜했다. 그리고 그 정답을 커리어 관련 강의를 듣고, 질의응답에서 찾았다! 너무나도 당연한 것이 이미 내 글보다 매우 잘 정리되어 있고 콘텐츠의 양도 훨씬 많은 블로그나 사이트들이 넘쳐난다. 어느 누구나 검색해서 찾아볼 수 있는 내용들은 그저 하..

리엑트는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다. 웹브라우저를 만들때 HTML, CSS, JS로 다 만들 수 있지만, 코드가 복잡해지면서 생산성이 떨어진다. 이때, React를 이용하면 단순하고 간결하게 코드를 만들 수 있다. 먼저, 경험을 하고 싶다면, React 사이트에서 온라인 플레이그라운드로 소개하고 있는 stackblitz.com으로 들어가 사용해 보자. React (forked) - StackBlitz 온라인에서 간단히 살펴봤다면 지금부터, 개인 로컬 컴퓨터에서 개발환경을 세팅해 보자!🔥 Node.js 설치를 해야 한다. https://nodejs.org/ko/download 사이트에서 최신 LTS를 다운로드한다. vscode를 열고 프로젝트를 실행할 폴더를 열자(혹..

우리가 보통 프런트엔드 분야에 입문하여, 코딩을 배우기 시작하면 HTML, CSS, JavaScript 이 삼대장을 무조건 배우고 넘어간다. 여기서!!! JS은 무엇인지 지금까지 내가 학습하고 경험 한 내용을 정리해 보겠다. JavaScript 란? 웹 페이지를 만들때 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어이다. 컴파일이 필요 없는 인터프리터 언어이며, 웹을 풍성하고 동적으로 만들어 주는 역할을 한다. 예를 들어, 웹으로 계산기를 만들 때 HTML과 CSS로 계산기의 구성요소와 디자인을 만들어주고 끝이 난다면, 사용자가 원하는 계산을 위해 버튼을 클릭했을 때 아무런 반응도 일어나지 않고 그저 이쁜 껍데기일 뿐이다, 이럴 때 JavaScript 를 이용하여 계산기의 계산기능을 구현할 수 있다!..