본문 바로가기

개발130

HTTP status code, RFC 정리 HTTP 상태 코드(status code)에 대해 정리해보겠다. HTTP status code 란? HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 응답은 5개의 그룹으로 나누어집니다: 정보를 제공하는 응답, 성공적인 응답, 리다이렉트, 클라이언트 에러, 그리고 서버 에러. - 공식 mozlia - 즉, 서버로 온 HTTP request(요청)에 대한 reponse(응답)의 상태를 숫자 코드로 표현하자고 약속한 것이다. 이게 왜 필요하냐? 조금 단적인 예가 될 수도 있겠지만, js로 개발한 프런트나 백을 jest라는 npm 패키지를 통해 testing 한다고 해보자. 이때, 각 경로(e.g. /posting/note_today)에 request를 보내고, 올바른 sta.. 2021. 3. 16.
리액트 컴포넌트 안 바뀜(react component not change) 결론부터 말하겠다. 새로운 key를 줘라. 예제 코드와 결과 구글 map api를 사용하는 간단한 예제이다. return props를 바꾸어 전달해도, SimpleMap 컴포넌트가 update 되지 않을 것이다. 그럼 이제 key값을 주자. 단, key는 props에 따라 변화하는 값이어야 한다. 여기서는 간단하게 위도(lat) 정보를 key값으로 주자. return 이런 현상이 일어나는 이유 react는 항상 최적화를 위해 "필요한" 부분만 업데이트한다. 그렇지 않은 부분은 기존의 그대로 둔다. 그럼 이 "필요한" 부분을 누가 판단하는가? 컴포넌트의 prop이나 state가 변경되면 React는 새로 반환된 엘리먼트를 이전에 렌더링 된 엘리먼트와 비교해서 실제 DOM 업데이트가 필요한지 여부를 결정합니.. 2021. 3. 4.
OpenGL을 위한 선형대수 (3Blue1Brown 요약) Vector vector를 보는 세 가지 관점이 있다. 컴퓨터에서, vector는 단지 숫자의 list이다. 모든 vector는 origin(원점)에서 시작한다. vector의 도착점(tip)을 숫자의 list로 표현한다. 물리에서, vector는 공간에 있는 arrow(화살표)이다. (방향과 크기를 가진) 수학에서, vector는 vector 연산(vector 합과, scalar 곱=scaling)이 가능한 모든 것이다. vector는 근본적으로 movement(움직임)이다. 따라서, vector의 합은 원점에서 두 vector의 움직임을 행하는 것이다. Span 모든 vector는 basis vector(기저 벡터)의 linear combination(선형 조합)으로 표현할 수 있다. basis ve.. 2021. 3. 4.
OpenGL 시작하기(개발환경 설정) OpenGL 정의 cross-language : 언어에 구애받지 않음 cross-platform : 실행되는 platform(또는 platform)에 구애받지 않음 Window, Linux, MacOS 다 됨. API(application programming interface) : 프로그래머를 위한 interface 제공 for rendering 2D and 3D vector graphics : 2D, 3D 벡터 그래픽을 렌더링함 OpenGL은 다음과 같은 언어를 지원한다. Ada, Common Lisp, C#, Delphi/Free Pascal(Object Pascal), Fortran, FreeBASIC, Haskell, Java, Lua, Perl, PowerBASIC, Python, Racket.. 2021. 3. 3.
DOM 은 무엇인가? DOM은 Document Object Model(문서 객체 모델)이다. HTML이나 XML로 이루어진 문서를 프로그래밍적으로 js 코드 상에서 수정 가능하도록 interface를 제공한다. 즉, 각 element에 대한 method를 제공하여 수정할 수 있는 interface를 js 상에서 제공한다는 것이다. HTML과 XML이 중첩 구조(nesting structure)로 이루어지듯, DOM은 tree 구조로 이루어져 있다. W3C(world wide web consortium)에서는 html DOM을 아래와 같이 정의한다. HTML DOM for HTML HTML DOM은 HTML을 위한 객체 모델(Object Model)이며 다음과 같이 정의된다. HTML element들은 모두 객체(object).. 2021. 2. 28.
웹팩과 바벨 개념과 역할 Webpack 웹팩(webpack)은 script, image, asset, style 등을 bundle 시켜주는 오픈소스 자바스크립트 모듈 번들러(여러 파일을 하나의 파일로 묶어주는 프로그램)이다. 의존성 있는 모듈으로부터 정적인 resource들을 생성한다. webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. webpack.js.org Babel 최신 JavaScript 코드를 browser.. 2021. 2. 28.

티스토리툴바