조건부 렌더링&& 논리 연산자를 사용해 if를 인라인으로 넣기 React는 문자열, 숫자는 잘 그려주는데, true, false, null 등은 화면에 안 그려준다. &&는 앞의 코드가 falsy이면 앞의 걸 반환하고, 앞의 코드가 true이면 뒤의 걸 반환한다. 12345678910111213141516171819202122
이벤트 제어하기 함수 안에서 함수를 정의할 수 있다. onClick={handleClick}의 {}안에 함수를 정의해도 되고, 밖에서 정의하고 안에 함수 이름을 써줘도 됨 123456789101112function ActionLink() { function handleClick(e) { e.preventDefault(); c
요소(element) 렌더링요소는 React 앱에서 가장 작은 단위의 재료입니다. 요소는 화면에 표시하고자 하는 내용을 서술합니다. React는 element를 받아서 화면에 그려주는 기능을 하는 라이브러리 브라우저 DOM 요소와 달리, React 요소는 순수한 객체이며 생성 비용이 저렴합니다. 생성 비용? ex) video태그, img태그 등은 비용이
JSX 소개 JSX로 만든 엘리먼트는 변수에 담을 수 있고, 함수의 매개변수로도 사용할 수 있다. 왜 JSX인가?JSX에 표현식 포함하기 JSX 안에 자바스크립트 표현식 을 중괄호로 묶어서 포함시킬 수 있다. 예를 들어, 2 + 2, user.firstName, formatName(user) 를유효한 표현식으로 표현하면 아래와 같이 표현한다. 12345
1.1 Node.js 철학 본 포스팅은 도서 <Node.js 디자인 패턴>을 공부하며 정리한 내용입니다. 1.1.1 경량 코어 Node.js 코어 자체는 몇 가지 원칙에 근거한 기반을 가지고 있다. 코어를 최소의 기능 세트로 하고,나머지를 사용자의 몫(사용자 영역)으로 해서, 핵심 모듈의 바깥 영역 모듈들을 생태계에 맡기는 것이 이 원칙들 중
본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. 문자열 심화 - index와 length123456"함수야놀자"[2];// "야""함수야놀자"[0];//"함""함수야놀자"[3];//"놀" 123함수야 놀자1 2 3 4 5 <-- 사람0 1 2 3 4 <-- 컴퓨
본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. 끝말잇기 구현 코딩 자체보다는 순서도(알고리즘)가 더 중요하다. 순서도 논리적 사고를 하는 게 중요하다. 손이나 그림판으로 직접 그리면서 연습을 많이 해보자. while문으로 구현12345678910111213141516
React공부 방법에 대한 tip 한글 번역판보다는 영문판이 최신 버전이므로영문판으로 공부하면 가장 최신 버전의 React를 접할 수 있다. 개요React가 무엇인가요? React는 선언적이고, 효율적이며, 유연한 JavaScript 라이브러리이다. 명령형 프로그래밍 ex) Dom API처럼 일일히 속성을 지정해서 값을 넣으라고 명령하는 것 코드를 실행
2019 상반기 공채 대비 코딩테스트 실전 모의고사 2회 참고 사이트 빅오표기법 1. 배열 회전 배열의 회전이란 모든 원소를 오른쪽으로 한 칸씩 이동시키고,마지막 원소는 배열의 맨 앞에 넣는 것을 말합니다. 두 배열 arrA와 arrB가 매개변수로 주어질 때,arrA를 회전해 arrB로 만들 수 있으면 true를그렇지 않으면 false를 return 하는
본 포스팅은<ZeroCho님의 인프런 - 웹 게임 개발 자바스크립트 >강의를 들으면서 정리한 내용임을 알려드립니다. 반복문while문먼저, while문의 형태를 보자. 12345처음;while (조건) { 실행; 끝;} 1234let 변수 = "딸기";while ("딸기" === 변수) { console.lo
계층형 아키텍처는 데이터베이스 주도 설계를 유도한다 지름길을 택하기 쉬워진다 테스트하기 어려워진다 계층형 아키텍처에서 계층을 건너뛸 수 있기 때문에 발생하는 문제점 유스케이스를 숨긴다 동시 작업이 어려워진다 유지보수 가능한 소프트웨어를 만드는 데 어떻게 도움이 될까?
역자 서문 & 추천사 계층형 아키텍처 VS 헥사고날 아키텍처 계층형-아키텍처 헥사고날 아키텍처 포트와 어댑터 실무적으로 헥사고날 아키텍처를 적용하기 어려운 이유 역자 서문 & 추천사Get your hands dirty on clean architectur
TL;DR 추상화의 기본 단위인 클래스와 인터페이스는 자바 언어의 심장과도 같다.그래서 자바 언어에는 클래스와 인터페이스 설계에 사용하는 강력한 요소가 많이 있다.이번 장에서는 이런 요소를 적절히 활용하여 클래스와 인터페이스를 쓰기 편하고, 견고하며, 유연하게 만드는
TL;DR 모든 클래스는 이 메서드들을 일반 규약에 맞게 재정의해야 한다.메서드를 잘못 구현하면 대상 클래스가 이 규약을 준사한다고 가정하는 클래스(HashMap과 HashSet 등)를 오동작하게 만들 수 있다.이번 장에서는 final이 아닌 Object 메서드들을 언
다음은 이광근 교수님의 컴퓨터과학이 여는 세계 강의를 듣고 정리한 내용입니다. 1.1. 과목 소개현대 물리학은 뉴튼으로부터 시작한다고 하면, 약 300여년 화학도 현대 물리학과 비슷하다. 의학은 한 1000년 되었고, 기계공학은 약 200여년. 컴퓨터 과학이 탄생한지는