硏錄 YEON_log

1. Fragments에 대해 1-1. JSX에서 root 태그는 하나만 존재할 수 있다 JSX는 HTML과 JavaScript를 하나의 컴포넌트로 만들어 렌더링 시켜주는 문법이라고 할 수 있다.(HTML in JS 라고나 할까..?) JSX 소개 – React A JavaScript library for building user interfaces ko.reactjs.org 결국 JSX는 컴파일 되어 JavaScript로 표현이 되는데, 이 때 React.createElement() 호출을 통해서 컴파일이 이루어지게 된다.(참조) JSX 문법을 사용해서 렌더링할 컴포넌트를 return 안에서 호출하고 있기 때문에, return이라는 키워드의 측면에서 생각해본다면 JSX는 단 하나의 root를 가질 수 ..

다시 취업에 뛰어들어야 하는 상황이었다. 그런데 그렇다할 포트폴리오도 없고, 그냥 전체적으로 너무 비루한 이력과 경력과 실력이랄까. 그래도 일단은 준비해보자 하고 있었는데, 원티드에서 이런 이벤트를 하고 있는 것을 알게되었다. 뭐 당장 취업을 하든 못하든 나는 프론트엔드 개발을 접고 싶지 않았기 때문에 이번 챌린지도 기회로 삼기로 했다. 그래서 고민하다가 일단 되는대로 시작해보기로 했다. 먼저, 사전과제 api repository를 fork 해두고, 내가 만들어야 하는 repository를 새로 생성하였다. api는 로컬에서 돌려야 하는 환경인데, 일단 기능구현을 우선적으로 하기위해 fork만 시켜두고 로컬에 clone은 하지 않은 상태이다. 브랜치 전략같은 경우에는 git flow에 기반한 전략으로 가..

참조 | https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 1. React는 무엇인가? React는 UI(사용자 인터페이스)를 만들기 위한 JavaScript 라이브러리이다 2. React 활용에 필요한 사전지식과 요구사항(by TaniaRascia) HTML, CSS에 대한 기본지식 프로그래밍과 JavaScript에 대한 기본지식 DOM(Document Object Model: 문서객체모델) 에 대한 기본이해 ES6(ECMAScript 2015) 문법과 기능에 대한 지식 Node.js와 npm(Node Package Manage..

참조 | https://nextjs.org/learn/foundations/about-nextjs/what-is-nextjs Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 1. Next는 무엇인가? Next는 React 기반의 프레임워크로 빠른 웹 애플리케이션에 필요한 빌딩 블럭을 제공한다 2. 웹 어플리케이션 구축을 위해 고려해야 할 것들 UI(유저 인터페이스) - 사용자(User)가 어플리케이션과 상호작용하는 방..