post-thumbnail

[JS] 끝말잇기 게임 만들기

📌 필요한 기능1\. 현재 순서 표시 👉 하트 이미지 색 변경2\. 입력 버튼 👉 유저의 제시 단어 화면에 출력3\. 단어 입력 👉 공백 금지, 제시어 끝 글자와 현재 단어의 첫 글자 일치 확인4\. 경고창 👉 올바르지 않은 단어를 제시했을 때 경고창 띄우기5

2021년 12월 24일
·
0개의 댓글
post-thumbnail

[React] Tic Tac Toe(틱택토) 게임 만들기 (3) - 기능 추가

 squares 배열을 직접 변경했다면 시간 여행을 구현하기 어려웠을 것입니다.하지만 slice()를 사용해서 매 동작 이후에 squares 배열의 새로운 복사본을 만들었고 이를 불변 객체로 취급했습니다. 이를 통해 과거의 squares 배열의 모든 버전을 저장하고 이

2021년 12월 16일
·
0개의 댓글
post-thumbnail

[React] Tic Tac Toe(틱택토) 게임 만들기 (2) - 완성

 \*\*<span style="color:자식 \*\*<span style="color:아래 return문 안의 i값에 해당하는 숫자가 value prop에 담겨 전달되는 것이다. props는 객체 형태로 전달되며, 파라미터를 통해 조회할 수 있다. \*\

2021년 12월 15일
·
0개의 댓글
post-thumbnail

[React] Tic Tac Toe(틱택토) 게임 만들기 (1) - 기본 세팅

Tic Tac Toe  틱택토(tic-tac-toe)란 두 명이 번갈아가면서 O와 X를 3×3 판에 그려 같은 글자를 가로, 세로, 혹은 대각선 상에 놓이도록 하는 놀이이다. 대충 오목이랑 비슷한 게임이다. 🎮 React 공식문서와 함께 Tic Tac

2021년 12월 15일
·
0개의 댓글
post-thumbnail

React 초기 세팅

react 플러그인 설치 / 불필요한 파일 삭제와 수정

2021년 12월 14일
·
0개의 댓글
post-thumbnail

React 개발 환경 구축 - yarn과 CRA 설치

yarn이란?  yarn은 npm 동작 방식과 비슷하지만 npm의 단점을 보완해 성능과 속도를 개선한 패키지 관리 도구이다. > 📝 npm(Node Package Manager) npm은 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이다. https:

2021년 12월 14일
·
0개의 댓글
post-thumbnail

[백준(baekjoon)] Node.js 입출력

 프로그래머스와 달리 백준은 js로 문제를 풀려면 입출력을 직접 해줘야 한다. fs 모듈은 FileSystem의 약자로 파일 처리와 관련된 모듈이다.💡 파일 읽기fs.readFileSync(filename, \[options]) (동기적)filename의 파일을 op

2021년 12월 14일
·
0개의 댓글
post-thumbnail

[React] JSX

 JSX란 JavaScript를 확장한 문법으로 HTML 코드를 작성하는 것과 비슷하다.위 코드를 보면 일반 자바스크립트만 사용한 코드에 비해 가독성이 높고 작성하기 쉽다는 특징이 있다.💡 ReactDOM.renderReactDOM.render는 컴포넌트를 페이지에

2021년 12월 9일
·
0개의 댓글
post-thumbnail

React 개발 환경 구축 - NVM 설치하기

NVM(Node Version Manager)  NVM은 이름 그대로 Node.js의 버전을 관리해주는 프로그램이다. 개발 시 버전 호환 문제를 해결하여 여러개의 Node를 버전별로 쉽게 관리하고 사용할 수 있다. NVM 설치 방법  아래의 링

2021년 12월 7일
·
0개의 댓글
post-thumbnail

[Javascript] Date

 표준 빌트인 객체 Date는 날짜와 시간 메서드를 제공하는 빌트인 객체이면서 생성자 함수이다.Date 생성자 함수로 생성한 Date 객체는 1970년 1월 1일 00:00:00(UTC)을 기점으로 하여 기본적으로 현재 날짜와 시간을 나타내는 정수값을 가진다.객체를 생

2021년 11월 22일
·
0개의 댓글
post-thumbnail

[Javascript] strict mode

strict mode  strict mode(엄격 모드)란, 자바스크립트 언어 문법을 엄격히 적용하여 오류를 발생시킬 가능성이 높은 코드에 대해 에러를 발생시키는 것을 말한다. 예를 들어, 위 예제에서 선언하지 않은 x 변수에 1이라는 값을 할당했다. 자

2021년 11월 21일
·
0개의 댓글
post-thumbnail

[Javascript] 프로토타입(prototype)

 속성(property)을 통해 여러 개의 값을 하나의 단위로 구성한 자료구조를 객체(object)라 하며 객체의 집합으로 프로그램을 표현하는 것을 객체지향 프로그래밍이라 한다.위 예제에서 반지름 radius는 상태를 나타내는 데이터, 원의 둘레 circumferenc

2021년 11월 18일
·
0개의 댓글
post-thumbnail

[Javascript] 생성자 함수(constructor)

 new 연산자와 함께 호출하여 객체를 생성하는 함수를 생성자 함수(constructor)라 하며, 생성된 객체는 인스턴스(instance)라고 한다.

2021년 11월 18일
·
0개의 댓글
post-thumbnail

[Javascript] let과 const

var키워드와 let, const 키워드 비교

2021년 11월 17일
·
0개의 댓글
post-thumbnail

[Javascript] 스코프(scope)

스코프(scope) 스코프의 종류 스코프 체인 함수 레벨 스코프

2021년 11월 16일
·
0개의 댓글
post-thumbnail

[Javascript] 함수(function)

🥕 함수(function) 🥕

2021년 11월 13일
·
0개의 댓글
post-thumbnail

[Javascript] 원시 값(primitive value)과 객체(object) 비교

원시 값(primitive value) VS 객체(object)와 참조 값(reference value)

2021년 11월 12일
·
0개의 댓글
post-thumbnail

[Javascript] 객체 리터럴(object literal)

 자바스크립트는 객체 기반 프로그래밍 언어이며, 원시 값을 제외한 나머지 값은 모두 객체이다. 객체는 0개 이상의 프로퍼티로 구성된 집합으로, 프로퍼티는 key와 value로 구성된다.프로퍼티 값이 함수일 경우에는 메서드라 부른다.📌 프로퍼티와 메서드프로퍼티(prop

2021년 11월 11일
·
0개의 댓글
post-thumbnail

[Javascript] 단축 평가(short-circuit evaluation)

단축 평가(short-circuit evaluation)  단축 평가란 표현식을 평가하는 도중 평가 결과가 확정된 경우에 나머지 평가 과정을 생략하는 것을 말한다.

2021년 11월 11일
·
0개의 댓글
post-thumbnail

[Javascript] 타입 변환(type coercion)

타입 변환(type coercion)  개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환(explicit coercion), 개발자의 의도와 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되는 것을 암시적 타입 변환(implic

2021년 11월 11일
·
0개의 댓글