분류 전체보기44 템플릿과 symbol 알아보기 기본형으로 Symbol() 은 자기 자신을 제외한 그 어떤 값과도 다른 유일무이한 값이다. 객체 프로퍼티에 대한 식별자로써 사용된다. Symbol()의 파라미터로 심벌의 설명을 정의할 수 있다. toString()을 통해 심벌의 설명을 확인할 수도 있다. MDN에 더 자세한 설명을 확인할 수 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Symbol 불러오는 중입니다... 템플릿 리터럴 템플릿 리터럴은 홑 , 쌍따옴표가이닌 ` 을 사용해서 문자열로 만들어준다. 이스케이프를 사용하지않고도 개행이 된다. 또 문자열 더하기로 표현 할수있던 표현식을 더 간결하게 보기쉽게 만들어준다. 2020. 1. 5. 개념과 특징 컴파일 언어는 c, c++, java 등의 언어가 대표적이다. 특징은 소스 코드를 실행기 전에 먼저 기계어로 번역하고 실행한다. 여기서 번역하는 행위를 컴파일이라 하며 컴파일을 수행하는 소프트웨어를 컴파일러라 한다. 이는 컴파일하는 데에는 시간이 걸리지만 실행되는 속도는 빠르다. 인터프리터는 javascript, python, perl 등이 대표적이다. 특징은 한줄마다 기계어로 바로 번역해서 실행한다. 프로그램을 번역해서 실행시키는 소프트웨어를 인터프리터라고 한다. 한 줄씩 번역하며 실행하기에 컴파일 언어보다 처리속도가 느린 점이 있다. 특징 1. 자바스크립트는 인터프리터 언어다. JIT 컴파일러 때문에 실행 속도가 느리지 않다. 2. 프로토타입 기반 언어 3. 함수가 일급 객체이다. 이로 인해 함수를 .. 2020. 1. 5. 리액트 뽀개기 (5) 자식에서 부모로 데이터를 전달하는 방법을 알아보자. //App.js class App extends React.Component { parentState = data => { console.log(data); } render(){ return ( ) } } 위의 코드를 보게 되면 Child에 props로 parentState를 전달한다. 그리고 parentState()는 data를 받아서 console에 출력해준다. 다음 Child 컴포넌트를 보자. import React, { Component } from 'react'; class Child extends Component { state = { name : '' } handleChange = e => { this.setState({ name : e.t.. 2020. 1. 2. 리액트 뽀개기 (4) 라이프 사이클을 알아보자. React Lifecycle Methods diagram Fully interactive and accessible React Lifecycle Methods diagram. projects.wojtekmaj.pl 리액트에서 제공하는 라이프 사이클인데 한글로 되어있으니 어렵지 않게 알아볼 수 있다. 찾아보면 render와 getDerivedStateFromProps는 마운트와 업데이트 모두에 속한다. 라이프 사이클의 함수들은 아래와 같다. (16.3 이상의 버전) //Life.js //마운트 constructor(props) {} static getDerivedStateFromProps(props, state){} componentDidMount(){} UNSAFE_compon.. 2020. 1. 2. 이전 1 ··· 5 6 7 8 9 10 11 다음
