Hello, Freakin world!

UseEffect 훅의 용도 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook 예제 코드 import {useEffect} from "react"; function App() { useEffect(() => { console.log("화면 렌더링 됨."); }) return ( Hello ); } export default App; return 문에 정의된 JSX가 렌더링 될때마다 useEffect가 호출됩니다. useEffect의 파라미터 function useEffect(effect: EffectCallback, deps?: DependencyList): void; useEffect 함수는 화면이 렌더링 될 때 실행할 콜백 함수와 렌더링을 유발하는 대상 리스트를 파라미..

리액트를 공부하면서 이것저것 만져보면서 element가 처음 올라올 때 변수나 상태값들을 초기화할 수 있는 이벤트가 없나~ 찾아보다가 onload 이벤트를 알게 됐다. 간단하게 알아본 결과 onload 이벤트는 body 태그에서만 사용 가능. div, h1 등 다른 태그에서는 사용할 수 없다. 조금 더 찾아보니 리액트에서 엘리먼트의 초기화 작업을 useEffect 라는 훅으로 해결이 가능한 듯 하다.

리액트 왜쓰지? 실제 페이지의 DOM은 느리다. 왜 느린가? 실제 페이지는 여러 요소들이 중첩되어 있다. DOM을 각 요소들을 하나의 오브젝트로 나타냄. 브라우저는 DOM 요소들이 변할때마다 새로 그려내고, 이 부분에서 성능 저하가 나타남. 이를 개선한게 리액트. Virtual DOM 이라는 개념을 도입. 변경사항을 바로 DOM에 반영하는게 아니라, 리액트 자체의 Virtual DOM 이라는 구조에 변경사항을 쌓아두고 나서 반영. 실제 DOM에 반영하는 횟수를 줄임. 성능의 개선으로 이어짐. Node.js 패키지 관리 도구 npm, yarn 두 가지가 있음. 패키지를 관리해주고 프로젝트를 빌드하기도 하고 실행시킬 수도 있음. maven, gradle 같은 툴인듯? JSX란? 리액트에서 자체적으로 제작한 ..

REST ? The Representational State Transfer (REST) style is an abstraction of the architecturalelements within a distributed hypermedia system. 로이 필딩의 논문을 읽기 전까진 나도 긴가민가했다. 우선 REST는 API 설계에 대한 지침이라기보단 아키텍쳐 스타일에 대한 지침이었다. REST를 만족하기 위한 제약사항 1. Client-Server 단순히 클라이언트-서버 통신 구조를 만족시키라는게 아니다. 클라이언트와 서버 간의 느슨한 결합이 핵심이다. 클라이언트와 서버가 독립적으로 진화할 수 있어야 함을 말하는 것. 2. Stateless 1번과도 관계가 있다. 서버와 클라이언트의 느슨한 결합을 ..

내게 REST api는 그냥 http 통신 응답 바디에 단순하게 json 객체같은 형태로 데이터를 반환하는 것. (쉽게 말하자면 그냥 스프링 @RestController 핸들러 메서드에서 객체를 반환하는 것과 같은) 그리고 url을 통해서 리소스를 정의하는 관례들, 그리고 Http method를 이용해서 리소스를 가공하는. 이런 식으로만 알고 있었다. 하지만 뭔가 위화감이 느껴졌다. '고작 이런게 REST라고?' 의심하기 시작하니 뭔가 이상한 부분이 느껴졌다. URL 관례나 응답 데이터 포맷, Http method에 관한 부분에 대한 부분은 그냥 일반적인 HTTP를 기반으로한 규칙 정도로 느껴졌기 때문이다. 정말 그것 뿐이라면 REST라는 이름을 붙이고 떼어내 아키텍쳐로 분리하기도 민망하지 않은가? 내가..

https://reakwon.tistory.com/69 [네트워크] IP 클래스와 서브넷마스크, 서브넷마스크 계산방법 IP 클래스와 서브넷마스크 우리가 PC를 사용해 인터넷을 즐기고 게임을 하는 등 네트워크 통신에서는 항상 주소를 갖고 동작하고 있습니다. 그게 바로 IP 주소이지요. IP주소를 통해서 통신을 할 � reakwon.tistory.com

korean-daeddo.blogspot.com/2015/12/ip.html IP 주소체계와 클래스 구별법 (IPv4) IPv4의 주소체계와 클래스 구별법에 대한 글입니다. korean-daeddo.blogspot.com

Simple requests Preflighted reqeuests Reqeusts with credentials Reqeusts with credentials에 대한 CORS credential을 포함한 요청이란? 쉽게 말하자면 HTTP Cookies 나 HTTP Authentication 정보를 가지는 요청을 말한다. 기본적으로 XMLHttpRequest 나 Fetch 호출에서 브라우저는 credential 정보를 전달하지 않는다. 만약 XMLHttpRequest 객체에서 그런 요청을 보내고 싶다면 특별한 플래그를 추가해야 된다. 예제 시나리오 간단한 쿠키를 자바스크립트에서 생성해 GET 요청에 포함한다. 요청은 외부 origin인 localhost:8080/cookie로 보내고, 서버는 받은 쿠키값..