안녕하세요, 첫 독서리뷰📚를 가지고 왔습니다! 데이터분석에 관심이 많아 공부를 하고 있는데요. 코딩을 하다보면 그 자체에 몰두하느라 방향을 잃어버릴 때가 있습니다. 실제로 데이터를 활용할 때 무슨 기준을 가지고 분석을 해야할 지 목적을 분명히 해주는 책, 을 추천드립니다. 소비자를 이해하는 10가지 데이터 :: 기업에서 데이터분석을 하는 이유는 돈을 벌기 위함입니다. 그리고 데이터를 활용해 소비자가 언제 돈을 쓰는 지 알 수 있다면 매출은 증가할 것입니다. 즉, 데이터의 목적은 소비자를 이해하는 것이라 볼 수 있습니다. 매출데이터 데이터의 육하원칙 날씨 설문조사 장소 시간 성별, 나이 제품 속성 반응속도 모바일 1 매출 데이터 소비자를 이해하기 위해서 가장 쉬운 것은 매출 데이터를 보는 것입니다. 시간이..

JSX의 기초문법과 코드 문법 검사 도구와 자동검사를 해주는 꿀팁에 대해 알아보려 한다. 자바스크립트의 확장 문법 JSX JSX를 왜 사용하는가? JSX는 HTML코드 작성과 비슷하기 때문에 가독성이 높고, 작성하기 쉽다. JSX에서는 우리가 알고 있는 div, span 등의 HTML 태그나 컴포넌트를 작성하고 사용할 수 있다. JSX 문법 (1) 부모 요소 안에 감싸인 요소를 사용해야 한다. function App() { return( 리액트 안녕! 잘 작동하니? ); } export default App; function App() { return( 리액트 안녕! 잘 작동하니? ); } export default App; > div 대신 를 작성하거나 이런 형태로도 사용이 가능하다. (2) 조건부 연..

오늘은 리액트를 시작하기 위한 사전 준비 작업과 리액트 프로젝트를 만들어보려고 한다. Node.js, npm/yarn, VSCode, Git, bash를 설치해야 한다. Window에서 REACT설치하고 사용하기 1. Node.js다운로드 : 아래 첨부된 링크(Node.js 공식 내려받기 페이지)에서 Window Installer를 누르고 다운로드 받으면 된다. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ##설치가 제대로 되었는지 확인하는 방법 터미널(또는 명령 프롬프트)창을 열고, $ node -v 명령어를 입력하..

*본 게시물은 길벗IT의 [Let's Get IT 자바스크립트]를 토대로 만들어졌습니다. 저작권은 길벗IT에게 있습니다. 이번시간에는 호출 스택과 이벤트 루프를 배웠다. 다른 셀프체크보다 이게 젤 중요하다고 강사님도 말하신..! +전체코드는 맨 하단에 있다. 호출 스택은 무엇일까? 여러 함수들을 호출하는 스크립트에서 해당 위치를 추적하는 인터프리터 (웹 브라우저의 자바스크립트 인터프리터같은)를 위한 메커니즘이다. 함수가 호출될 때 호출 스택에 들어가고, 실행이 완료되면 호출 스택에서 빠져나간다. 기존 함수의 실행이 완료되지 않았는데 다른 함수가 호출되면 새로 호출된 함수는 기존 함수 위에 쌓이게 된다. 이벤트 루프란? 비동기 함수가 실행될 때는 호출 스택뿐만 아니라 이벤트 루프까지 동원해 실행 순서를 파..

*본 게시물은 길벗IT의 [Let's Get IT 자바스크립트]를 토대로 만들어졌습니다. 저작권은 길벗IT에게 있습니다. 이번시간에는 클래스를 중점적으로 배웠다. RPG게임은 보통 캐릭터를 성장시키는 게임인데, 텍스트 RPG게임은 그래픽없이 글로만 하는 것이다. 모험, 휴식, 종료 등의 일반모드와, 적을 공격하고 체력을 회복하거나 도망가는 전투모드를 할 수 있는 게임이다. +전체코드는 맨 하단에 있다. window, this, 참조/깊은복사/얕은복사, 클래스, 클래스 상속에 대해 배웠다. 1) window는 브라우저를 가리키는 객체로, doument와 console도 이에 포함된다. node에는 global이 들어있고(global.consoleLog), 브라우저에는 window가 들어있다(window.c..

*본 게시물은 길벗IT의 [Let's Get IT 자바스크립트]를 토대로 만들어졌습니다. 저작권은 길벗IT에게 있습니다. 이차원 배열의 예제, 틱택토 게임은 (3X3)삼목 게임이라 생각하면 된다. +전체코드는 맨 하단에 있다. 먼저 개념 정리를 하려고 하는데/ 이차원 배열, 구조분해 할당, 이벤트 버블링, parentNode/children, rowIndex/cellIndex, 유사 배열 객체, every/some, flat에 대해 배웠다. 1) 이차원 배열은 배열 안에 배열이 있을 때를 말한다. html의 표도 이차원 배열이라 할 수 있다. 다만 때에 따라 일차원 배열로도 표현은 가능하다. [ [null, 'X', null], ['O', 'X', 'X'], [null, 'O', ''X], ] 2) 구조..