나보단 잘하자

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 = ; 기본적으로 모든 값을 렌더링 전에 ///이스케이프 시키기 때문에 악성 인풋은 주입되지 않는다..

배운것 - 웹의 역사: 세계대전 냉전이 한창일 때, '어떻게 하면 적의 핵공격에서도 군통신망을 유지할 수 있을까' 가 핵심 논쟁이었다. 왜냐면 당시에는 중앙집중회선교환방식 이었기 때문에 중앙이 터지면 통신망은 모두 끊기고 마는 것이다. 그래서 허브를 만들고자 했다. 이것이 인터넷의 시초이다. - internet의 뜻은 net을 연결한다는 의미이다. 도로와 항만 같은 통신 방식이다. - 1991년 팀버너스리가 월드와이드웹을 설계, 이는 대륙간 연구 자료 교환을 위함이었다. 우리나라는 이 인터넷이 두번째로 뚫린 나라였다! 그는 Http, html, url을 만들었다. 그리고 1994년에 w3c를 만들었다. - 1차 브라우저 전쟁에서 ie가 점유율 80퍼센트를 차지 한 이유는 당시 다른 웹 브라우저들과 다르게..