Tag: develop

2019
0
TILReact-Preview

JSX

React with Velopert - 02 - JSX JSX 란? JSX를 사용하는 이유 JSX 작성 주의점 null, false, undefined 를 렌더링하게 된다면 아무것도 나타나지 않게 된다. class 가 아니라 className 으로 정의해야한다. <img> 안에 무조건 alt 속성을 작성해야한다. 변수를 값으로

0
TILReact

React 스터디 03

React Study 03 import Component Transfile React에서는 데이터가 항상 불변성을 유지해야한다. ReatDOM.render() Hot Module Replacement (HMR) JSX로 데이터를 받아오기 React key 단방향 데이터 흐름 setState setState에서 콘솔확인하기 Component API

0
TILAlgorithm & Quiz

daily_algorithm49

문제 출처 : 프로그래머스 문자열을 정수로 바꾸기문제 설명문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니다. s는 0으로 시작하지 않습니다. 입출력 예예를들어 str이 1234이면 1234

0
TILAlgorithm & Quiz

daily_algorithm48

문제 출처 : 프로그래머스 시저 암호문제 설명어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 AB는 1만큼 밀면 BC가 되고, 3만큼 밀면 DE가 됩니다. z는 1만큼 밀면 a가 됩니다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수, solution을 완성해

0
TILReact-Preview

리액트 맛보기 (Virtual DOM)

React with Velopert - 01 - 리액트가 만들어진 이유 리액트의 탄생 Virtual DOM React 렌더링 과정 Component ​ React 시작하기 Component 만들어보기 Chap 1. 리액트 맛보기리액트가 만들어진 이유 React는 UI를 어떻게 업데이트 할 지가 아닌 어떻게 보여

0
TILAlgorithm & Quiz

daily_algorithm47

문제 출처 : 프로그래머스 문자열 다루기 기본문제 설명문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 a234이면 False를 리턴하고 1234라면 True를 리턴하면 됩니다. 제한 사항 s는 길이 1 이상, 길이 8 이하인 문자열입니다. 입출력 예 s return a

0
TILAlgorithm & Quiz

daily_algorithm46

문제 출처 : 프로그래머스 정수 내림차순으로 배치하기문제 설명 함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다. 제한 조건 n은 1이상 8000000000 이하인 자연수입니다. 입출력 예 n return

0
TILReact

React 스터디 02

React Study 02 JSX 란? JSX를 사용하는 이유 JSX 내부 작성 주의점 Virtual DOM Virtual DOM(가상 돔)의 사용이유 Virtual DOM(가상 돔)의 장점 & 단점 VirtualDOM이 받는 파라미터 세가지 (type, props, …child) ReactDOM.render() 함수 React 상태 업

0
DevelopProject

타다 사이트 클론하기 (모바일 구현완료)

본 게시물은 상업적인 목적은 전혀 없으며, 학습하기 위해 사용하였습니다. 타다 클론 (모바일 구현 완료)Tada : 타다 사이트 클론하기. (개인 프로젝트) 1. 주제Tada : 타다 사이트 클론. 2. 주제 선정 이유 HTML 와 CSS 학습을 위해서 반응형으로 구성된 웹페이지를 구현해볼 필요성이 있다고 느낌. 실제 구현되고 서비스 중인 반응

0
DevelopTips

Debugger for Chrome Setting

Google Debugger 설정하기1. EXTENSIONS 에서 Debugger for Chrome 설치 2. 구성 설정 : url 수정 ( react는 3000번 사용 ) 디버거 실행하기 실행 후 화면 중단점 설정1. 중단점을 선택한다. 위에 있는 버튼으로 추가 조작을 한다.