반응형 2017/06100 [ReactJS] JSX JSX 1const element = Hello, world!; cs다음과 같은 변수 선언을 고려해보자.이 태그는 html이나 문자열이 아니다.이것은 JSX라고 불리는 자바스크립트의 새로운 확장된 문법이다.리액트 개발자들은 리액트 라이브러를 통해 UI를 표현 하기 위해서 JSX 문법을 사용하기를 추천한다.JSX를 템플릿 문법이라고 생각할 수도 있지만, 어느 문법보다 강력한 기능을 제공한다. 가장 중요한 점은 JSX는 리액트의 앨리먼트를 생성한다는 것이다.다음 포스팅에서 엘리먼트를 HTML DOM에 랜더링하는 방법이 있을 것이고,우선은 JSX를 사용하는 방법에 대해서 알아보도록하자. JSX에 자바스크립트 문법 포함하기 12345678910111213141516171819function formatName(.. 2017. 6. 12. [ReactJS] Hello world! Hello world! 튜토리얼부터 포스팅하고 기능을 설명하는건 순서가 안맞는 것 같지만, 리액트에 대한 기본 지식이 없다면 여기서 라이브러리 사용방법을 익히고 튜토리얼로 돌아가도 좋다. 어떤 언어를 익히건 초기에는 콘솔창에 Hello world를 띄우기 마련이다똑같은 원리로, 리액트에서도 리액트만의 문법을 사용하여 Hello world를 출력해 보도록하자. 그전에, 리액트는 로컬에서 실행환경을 갖추고 작업해도 되지만,Codepen이라는 브라우저 기반 환경에서도 원활히 돌아가기 때문에, 실습 시 이 사이트를 추천한다.Hello world를 미리 짜놓은 페이지는 다음과 같다.https://codepen.io/gaearon/pen/ZpvBNJ?editors=0010 1234ReactDOM.render( He.. 2017. 6. 12. [Backjoon] 11727번 문제 - 2xn 타일링 2 2×n 직사각형을 2×1과 2×2 타일로 채우는 방법의 수를 구하는 프로그램을 작성하시오.아래 그림은 2×17 직사각형을 채운 한가지 예이다. 풀이경우의 수 문제이다. 우선 2Xn 직사각형에서 n이 1일때 부터 생각해보면 경우의 수는 1가지 이다.n이 2일 때 타일을 채우는 경우의 수는 3가지이다. n이 3일때부터 앞에서 구해진 2x1과 2x2를 기반으로 생각할수 있는데, 2x1타일로 먼저 채울 경우와 2x2타일로 먼저 채우는 경우의 수로 나뉜다.위의 그림 처럼 모든 경우의 수를 고려 했을 때 중복되는 경우의 수를 빼면 타일의 경우의 수가 나오는 것이다. 즉 2x3타일을 채우기 위해서는2x3-2x1으로 채워졌다는 가정하에 2x2만 더 채우면 되므로 2x2의 경우의 수 만큼 더해주면되고2x3-2x2으로 채.. 2017. 6. 12. [Raspberry] Vim 설치 Vim 설치 저번에 기본적으로 제공되어있는 vi로 작업을 하려고 했는데 뭔가 자꾸 오류가나서 그냥 Vim을 설치 하기로 했다. 123sudo apt-get updatesudo apt-get upgradesudo apt-get install vim cs 다음의 명령어를 라즈베리에 입력해 준다. apt는 라즈비안에서 사용하는 패키지 관리자를 의미한다.update는 설치된 파일이나 라이브러리의 업데이트 내용이 있으면 갱신해 주는 명령어이다.upgrade는 업데이트가 갱신된 파일이나 라이브러리를 설정하거나 설치하는 명령어이다.그러므로 반드시 update 다음에 upgrade 명령어를 실행하기 바란다.마지막으로 install vim이라는 명령어를 입력해주는것 만으로 vim 의 설치가 완료된다. 문법 하이라이팅 기.. 2017. 6. 11. 이전 1 ··· 13 14 15 16 17 18 19 ··· 25 다음 반응형
