전체 글118 [JavaScript] Generator iterable 객체 및 yield 에 대해 이해하신 뒤 아래 내용을 읽어보시기 바랍니다. yield: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/yield* Generator function generator function은 function* 로 정의한다. function 뒤에 별(*)을 붙여 generator라는 것을 지칭하며, 이 함수는 Generator 객체를 반환한다. funtion* name([param[, param[, ...param]]]) { /** ... */ }generator function을 통해 할당받은 변수를 출력해 보면 Generator 타입임을 확인할 수 있다. > function* g.. 2019. 1. 16. [React] Where to Initialize State in React React에서 state를 초기화하는 방식엔 여러가지가 있다. state 초기화의 2가지 방법 constructor 에서 선언 class 안에 바로 속성으로 선언 Constructor 안에서 선언 constructor 안에서 선언하는 방식은 아래와 같다. class App extends React.Component { constructor(props) { super(props); this.state = { loggedIn: false } } render() { } } class가 만들어질 때, constructor는 가장 처음으로 호출된다. 그래서 초기화하는 곳으로 적절하다. class instance 는 이미 메머리에 만들어졌기 때문에, this 를 사용할 수 있다. state 를 초기화할 때, euq.. 2019. 1. 7. [CSS] 콧수염 만들기 (box-shadow, transform, ...) by. Coding Tech 해당 페이지는 Coding Tech의 CSS로 기술 영상을 보고 정리한 글입니다. See the Pen [CSS] mustache icon by hyuna lee (@leehyun-a) on CodePen. 사용된 CSScurrentColor currentColor는 element의 현재 text color를 의미하며, color 값을 사용하는 모든 선언에 사용할 수 있습니다. .mustache { width: 180px; height: 180px; color: black; background-color: currentColor; } box-shadow element에 한개 이상의 그림자를 추가하는 속성이다. box-shadow: none|h-offset v-offset blur spread color .. 2018. 12. 10. [CSS] 스타일 'unset' button, input 등 스타일을 적용하기 위해서 각 브라우저마다 기본으로 적용되어 있는 style을 초기화 시키고 새로운 style을 적용한다. button의 경우 아래와 같이 작업해 줘야 한다. button { border: none; background-color: #16a085; border-radius: 10px; padding: 5px 10px; } button:focus, button:active { outline: noen; } 이러한 기본 스타일을 한번에 초기화 시켜버리는 방법이 있다. button { all: unset; } 대박이다... 만약 모든 태그에 대해서 unset을 적용하고 싶다면 아래와 같이 작성하자. body > * { all: unset; } 이 이후에 추가적으로 자.. 2018. 12. 7. 검색엔진최적화(SEO) 마케팅 총정리 가이드 https://www.twinword.co.kr/blog/search-engine-optimization-guide/ 2018. 12. 7. [Java/DynamoDB] DynamoDBScanExpression reserved key error DynamoDB Scan으로 조회할 때, filter를 걸고자 하는 경우가 있다. public List getTestShow() { Map eav = new HashMap(); eav.put(":val", new AttributeValue().withN("1")); DynamoDBScanExpression dynamoDBScanExpression = new DynamoDBScanExpression() .withFilterExpression("show = :val") .withExpressionAttributeValues(eav); return dynamoDBMapper.scan(Test.class, dynamoDBScanExpression); }처음에 위와같이 작성하고 나니 "reserved key er.. 2018. 12. 3. [React] Stateless Component React에서 component 내부에서 state를 사용하지 않는 component. 즉, 리렌더링이 다시는 일어나지 않는 component 같은 경우 함수형 컴포넌트(Functional Component, Stateless Component)를 이용하여 구현하면 아주 쉽다. 구현방법 import React from 'react'; const Hello = () => ( hello ); export default Hello; 기본적인 구현방법은 위와 같다. 변수에 함수를 선언해주면 되며, 함수 내부에서는 화면에 보여질 JSX를 작성해 주면 된다. props 사용하기 함수형 컴포넌트에서도 부모에게서 전달받은 props를 사용할 수 있다. import React from 'react'; const Hell.. 2018. 11. 30. [FEConf Korea] 미국 개발자, 그리고 한국 개발자 — KEN FEConf Korea 에서 KEN 님이 발표하신 동영상을 보고 요약한 글입니다.Code Jam구글의 알고리즘 사이트. 현재 한국인도 25순위권 안에들 정도로 개발적인 면에서 미국과 한국의 차이점은 없다. 하지만 더 나은 개발자가 되기 위해서 아래 가지가 이뤄져야 한다.. . . 영어 공부이제 개발자에게 영어공부는 필수다. 개발 문서가 영어로 나오고 있는데 누군가가 번역해 주기를 기다리고 있으면 그 만큼 시간이 지난다. 또한 개발 문서 업데이트 속도가 빨라지기때문에 번역해 주기를 기다리면 그만큼 뒤쳐진다. (누군가 번역을 해줘서 이제 그것을 배우고자 하는데 새로운 개발 문서가 나온다면 의미가 없어진다.)협업미국 개발자가 한국 개발자보다 협업이 더 잘된다. github, bitbucket 등의 협업툴의 사.. 2018. 11. 28. 이전 1 2 3 4 5 6 7 ··· 15 다음
