Archive: 2019/12

2019
0
DevelopReact

이벤트 처리하기

React Official Document주요개념 : 이벤트 처리하기 React 이벤트 문법 기본동작 방지 ( preventDefault ) 이벤트 리스너 예제 : Toggle 컴포넌트 만들기 React this constructor 내부에서 this 바인딩 public class field 문법 콜백에 화살표 함수 사용 constr

0
TILAlgorithm & Quiz

daily_algorithm61

핸드폰 번호 가리기문제 설명프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다.전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 s는 길이 4 이상, 20이하인 문자열입니다

0
DevelopReact

State and Lifecycle

React Official Document주요개념 : State and Lifecycle 함수에서 클래스로 변환하기 클래스에 지역 State 추가하기 생명주기 메서드를 클래스에 추가하기 componentDidMount() 메서드 구현 componentWillUnmount() 메서드 구현 tick() 함수 구현 호출 순서 요약 State 올바르게 사용

0
TILAlgorithm & Quiz

daily_algorithm60

하샤드 수문제 설명양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하샤드 수인지 아닌지 검사하는 함수, solution을 완성해주세요. 제한 조건 x는 1 이상, 10000 이하인 정수입니다.

0
TILReact

React 스터디 08

React Study 08 React에서 input 태그 value 와 defaultvalue 차이 Redux 리덕스 사용 이유 카운터 실습 폴더 구조 Actions 설정 src/actions/index.js reducers 설정 카운터 리듀서 설정하기 src/reducers/counter.js reducers 합치기 src/reducers/in

0
TILAlgorithm & Quiz

daily_algorithm59

탑문제 설명수평 직선에 탑 N대를 세웠습니다. 모든 탑의 꼭대기에는 신호를 송/수신하는 장치를 설치했습니다. 발사한 신호는 신호를 보낸 탑보다 높은 탑에서만 수신합니다. 또한, 한 번 수신된 신호는 다른 탑으로 송신되지 않습니다. 예를 들어 높이가 6, 9, 5, 7, 4인 다섯 탑이 왼쪽으로 동시에 레이저 신호를 발사합니다. 그러면, 탑은 다음과 같이

0
TILAlgorithm & Quiz

daily_algorithm58

짝수와 홀수문제 설명정수 num이 짝수일 경우 Even을 반환하고 홀수인 경우 Odd를 반환하는 함수, solution을 완성해주세요. 제한 조건 num은 int 범위의 정수입니다. 0은 짝수입니다. 입출력 예 num return 3 Odd 4 Even 123function solution(num) { return nu

0
TILReact-Preview

props를 통해 컴포넌트에게 값 전달하기

React with Velopert - 03 - props 를 통해 컴포넌트에게 값 전달하기 props 란 ? props의 기본 사용법 여러개의 props, 비구조화 할당(디스트럭처링) defaultProps 로 기본값 설정 props.children 조건부 렌더링 예제 : 특정 props의 값이 true 또는 false 에 따라서 컴포넌트

0
TILAlgorithm & Quiz

daily_algorithm57

폰켓몬문제 설명당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다.홍 박사님 연구실의 폰켓몬은 종류에 따라 번호를 붙여 구분합니다. 따라서 같은 종류의 폰켓몬은 같은 번호를 가지고 있습니다. 예를 들어 연구실에 총 4

0
TILReact

React 스터디 07

React Study 07 한글 단어 처리 Router props.location Redux Redux의 사용이유 Redux를 배우는 시기 Redux 주요 개념 3가지 Redux 원칙 Action { type : 타입명, 변수명 : 변수값 } Reducers ACTION을 REDUCER에게 전달해주는 행위 : 디스패치( DISPATCH ) Store