Archive: 2019

2019
0
Front-endReact

React 6일차

조건부 렌더링&& 논리 연산자를 사용해 if를 인라인으로 넣기 React는 문자열, 숫자는 잘 그려주는데, true, false, null 등은 화면에 안 그려준다. &&는 앞의 코드가 falsy이면 앞의 걸 반환하고, 앞의 코드가 true이면 뒤의 걸 반환한다. 12345678910111213141516171819202122

0
Front-endReact

React 5일차

이벤트 제어하기 함수 안에서 함수를 정의할 수 있다. onClick={handleClick}의 {}안에 함수를 정의해도 되고, 밖에서 정의하고 안에 함수 이름을 써줘도 됨 123456789101112function ActionLink() { function handleClick(e) { e.preventDefault(); c

0
Front-endReact

React 3일차

요소(element) 렌더링요소는 React 앱에서 가장 작은 단위의 재료입니다. 요소는 화면에 표시하고자 하는 내용을 서술합니다. React는 element를 받아서 화면에 그려주는 기능을 하는 라이브러리 브라우저 DOM 요소와 달리, React 요소는 순수한 객체이며 생성 비용이 저렴합니다. 생성 비용? ex) video태그, img태그 등은 비용이

0
Front-endReact

React 2일차

JSX 소개 JSX로 만든 엘리먼트는 변수에 담을 수 있고, 함수의 매개변수로도 사용할 수 있다. 왜 JSX인가?JSX에 표현식 포함하기 JSX 안에 자바스크립트 표현식 을 중괄호로 묶어서 포함시킬 수 있다. 예를 들어, 2 + 2, user.firstName, formatName(user) 를유효한 표현식으로 표현하면 아래와 같이 표현한다. 12345

0
Back-endNode.js

Node.js 철학

1.1 Node.js 철학 본 포스팅은 도서 <Node.js 디자인 패턴>을 공부하며 정리한 내용입니다. 1.1.1 경량 코어 Node.js 코어 자체는 몇 가지 원칙에 근거한 기반을 가지고 있다. 코어를 최소의 기능 세트로 하고,나머지를 사용자의 몫(사용자 영역)으로 해서, 핵심 모듈의 바깥 영역 모듈들을 생태계에 맡기는 것이 이 원칙들 중

0
Front-endJavaScript

문자열 심화 & 객체의 기본과 속성

본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. 문자열 심화 - index와 length123456"함수야놀자"[2];// "야""함수야놀자"[0];//"함""함수야놀자"[3];//"놀" 123함수야 놀자1 2 3 4 5 <-- 사람0 1 2 3 4 <-- 컴퓨

0
Front-endJavaScript

끝말잇기 구현

본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. 끝말잇기 구현 코딩 자체보다는 순서도(알고리즘)가 더 중요하다. 순서도 논리적 사고를 하는 게 중요하다. 손이나 그림판으로 직접 그리면서 연습을 많이 해보자. while문으로 구현12345678910111213141516

0
Front-endReact

React 1일차

React공부 방법에 대한 tip 한글 번역판보다는 영문판이 최신 버전이므로영문판으로 공부하면 가장 최신 버전의 React를 접할 수 있다. 개요React가 무엇인가요? React는 선언적이고, 효율적이며, 유연한 JavaScript 라이브러리이다. 명령형 프로그래밍 ex) Dom API처럼 일일히 속성을 지정해서 값을 넣으라고 명령하는 것 코드를 실행

0
컴퓨터 과학알고리즘

2019 상반기 공채 대비 코딩테스트 실전 모의고사 2회

2019 상반기 공채 대비 코딩테스트 실전 모의고사 2회 참고 사이트 빅오표기법 1. 배열 회전 배열의 회전이란 모든 원소를 오른쪽으로 한 칸씩 이동시키고,마지막 원소는 배열의 맨 앞에 넣는 것을 말합니다. 두 배열 arrA와 arrB가 매개변수로 주어질 때,arrA를 회전해 arrB로 만들 수 있으면 true를그렇지 않으면 false를 return 하는

0
Front-endJavaScript

반복문(while, for)

본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. 반복문while문먼저, while문의 형태를 보자. 12345처음;while (조건) { 실행; 끝;} 1234let 변수 = "딸기";while ("딸기" === 변수) { console.lo