본문 바로가기

공부11

[React 기본] 2. JSX 문법 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 들어가기에 앞서. 앞선 포스팅에서 우리가 계속해서 다루게 될 파일이라고 한 App.js를 봐보자. 뭔가 이상한 점을 확인할 수 있다. 그건 바로 javascript 파일 안에 html 문법이 있다는 것인데 놀랍게도 이 코드는 정상적으로 작동한다. 이 문법은 react에서 사용하는 JSX라고 하며 쉽게 말해 개발자들이 리액트를 좀 더 쉽게 개발하기 위해 html과 js를 섞어놓았다고 생각하면 된다. 물론 JSX 문법을 사용하지 않을 수도 있으며 이 경우에는 React.createElement('div', null, "Hello, World!") 와 같은 방법으로 코드를 .. 2022. 7. 6.
[React 기본] 1. 리액트의 핵심과 환경 구축 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) REACT REACT란? META(facebook)에서 개발한 오픈 소스 자바스크립트 라이브러리로, 프론트엔드 라이브러리이다. SPA (Single Page Application)를 전제로 하고 있기 때문에 리렌더링이 잦은 최근의 웹 생태계에서 빠른 퍼포먼스를 내는 것이 가능하다. React의 핵심 기능 리액트의 핵심 기능이라고 하면, 바로 사용자 정의 태그 (컴포넌트)를 만드는 것이라고 할 수 있다. "component (컴포넌트)"를 만듬으로서 타인에게 코드를 공유할 수도 있고, 받을 수도 있으며 개발의 영역이 확대되었다. 환경 구축하기 기본적으로 node.js 환.. 2022. 7. 6.
[알고리즘] 재귀함수(recursion function) 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 재귀함수 들어가기에 앞서. 재귀함수가 무엇인지 알아보기 전에, 이 유튜브 영상을 먼저 보고 와보자. 그저 4시간 동안 의미없는 반복되는 영상으로 보일 것이다. 이 영상이 무엇을 의미하는지 이제 알아보도록 하자. 1. 재귀함수란? 재귀함수란 무엇일까? 국어사전에서 재귀 란 을 의미한다. 따라서 재귀 + 함수 이므로 설명 그대로 함수내에서 자기 자신을 불러 작업을 수행하는 함수를 의미한다. 다음과 같은 함수가 있다고 하자. 이 recur() 함수 내에서 recur를 다시 부르면 어떻게 될까? 어려울게 없다. 다음과 해당 함수안에서 자기 자신을 반복하는 형태가 될 것이고 이.. 2022. 6. 30.
[C++] STL cmath, map 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 최근에 알고리즘을 풀며 사용했던 STL인 cmath와 map에 대해 대표적인 몇가지 메소드를 알아보도록 하자. cmath cmath는 C++ STL에 들어있는 라이브러리중 하나로, 수학 연산에 관련된 메소드들을 많이 가지고 있다. 그 중 자주 사용하게 될 메소드 몇가지를 알아보도록 하자. 가장 기본적으로는 코드의 헤더부분에 를 삽입해주어야 사용이 가능하다. min, max 최대, 최소를 계산해주는 메소드이다. 다음과 같이 사용하며, 인자로 들어가는 x와 y중 최대, 최소값을 반환해준다. ceil, floor 순서대로 올림, 내림에 관한 메소드이다. 반환되는 값은 double형으로 반환하며, 해당 x값을 정수로 올.. 2022. 6. 29.

티스토리툴바