Quick Start A JavaScript library for building user interfaces beta.reactjs.org 시작하기에 앞서, 몇가지 방법들이 있습니다. - 그냥 바로 예시로 배우고 싶다면 바로 리액트로 생각하기 로 가세요. 이 튜토리얼은 디테일을 설명해주지는 않지만 리액트로 UI를 만드는것이 어떤 느낌인지 알려줄거에요. - 만약에 리액트의 컨셉에 익숙하고 가능한 API들을 대강 훑어보고 싶다면, API 레퍼런스를 확인하세요. - 이 외의 문서들은 각각의 개념들을 순서대로 많은 인터랙티브한 예시들과, 디테일한 설명들과 이해도를 확인하기 위한 챌린지들로 구성 돼 있습니다. 이것들을 순서대로 읽을 필요는 없지만 각각의 다음 페이지들은 이전 페이지의 개념에 익숙하다는 전제 하에..
Quick Start A JavaScript library for building user interfaces beta.reactjs.org 리액트는 무엇인가요? 리액트는 UI를 만들기 위한 자바스크립트 라이브러리 입니다. 리액트는 디자인과 프로그래밍의 교차로에 서 있습니다. 복잡한 UI를 '감쌀 수 있고', '재사용가능한' 조각들인 '컴포넌트'들로 서로를 조화롭게 해줍니다. 만약에 당신이 프로그래밍 기반이 있다면, 리액트가 함수로 만들어진 프로그램을 만드는 것 이라고 생각이 들게 만들 수 있겠습니다. 만약 당신이 디자이너라면, 이것은 레이어 밖의 디자인을 구성하는 느낌이 들게 만들 것 입니다. 만약 당신이 두 분야의 어떤것도 해보지 않았다면... 괜찮습니다! 많은 사람들은 리액트로 프로그래밍과 디자인에..
"왜 리액트를 쓰시나요?" 면접관이 묻는다. 나는 자연스럽게 "많이들 쓰니까요" 라고 답한다. 근데 왜? 바닐라 자바스크립트를 놔두고 리액트 라이브러리를 사용할까? 그리고 virtual DOM은 정확히 무엇일까? 브라우저 렌더링 과정과 virtual DOM 이를 알기 위해서는 브라우저 렌더링 과정을 알아야 하는데... 이는 아래를 참고해도 좋고, 지금부터 간단히 설명하겠다. [WEB] 쉽게 알아보는 웹 브라우저 렌더링 이 게시글은 https://d2.naver.com/helloworld/59361를 읽다가 지친 글쓴이가 쉽게 설명해줍니다. 2편 css transform, positioning 효율성 차이 에서 이어질 예정입니다 프론트엔드 개발자라면 면접에서 필수 질문. jae04099.tistory.co..
2. JSX 소개 const element = Hello, world!; JSX는 리액트 엘리먼트를 생성함. 리액트의 컴포넌트는 마치 레고조각처럼 유닛으로 관심사들을 분리한다. 예를 들어, header 컴포넌트는 header만 다루는 레고조각이다. jsx 컴파일이 끝나면 정규 자바스크립트 함수 호출이 되고 객체로 인식된다. jsx는 html보다는 자바스크립트에 가깝기 때문에, 리액트 돔은 html 어트리뷰트 이름 대신에 카멜케이스 명명 규칙을 사용한다. 예를 들어 class는 class-name이 아닌 className이 된다! 태그가 비어있다면 아래와 같이 바로 닫아주어야 한다. const element = ; 기본적으로 모든 값을 렌더링 전에 ///이스케이프 시키기 때문에 악성 인풋은 주입되지 않는다..
- Total
- Today
- Yesterday
- 파이썬 flask
- nuxt 공식문서 한글
- getserversideprops redirect
- nextjs 파라미터 넘기기
- css 글래스모피즘
- 카페음료테스트
- next.js 리다이렉트
- 자바스크립트
- dvd 효과
- nuxt 공식문서
- 리액트 파라미터 넘기기
- 리액트 라우터
- vscode venv
- 화이팅
- 백준 10989 파이썬
- 움직이는 글래스모피즘
- 10989 파이썬
- 리액트
- NextJS
- 리액트 컴포넌트
- css marquee
- 리액트 스크롤
- 글래스모피즘 구현
- react router
- bs4 크롤링
- 글래스모피즘 애니메이션 구현
- nextjs 스크롤
- Til
- 파이썬 크롤링
- 파이썬 정렬
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |