해나아부지 개발일지

const element = ( Hello, world! ); JSX란? const element = Hello, world!; Html과 JavaScript를 Mix 해놓은 듯한 코드는 Javascript를 확장한 문법이다. JSX라고 하면 특정 언어 같아 보이지만, JavaScript의 모든 기능이 포함되어 있다. 모든 기능이 포함되어 있다는 말은 ES6 문법을 사용할 수 있다는 말과 같다. React에서 JSX사용은 필수가 아니지만 가독성 측면에서 JSX 사용은 효과적이다.. 또한 React에서 에러 및 경고 메시지를 표시하여 도움을 준다. JSX에 표현식(javascript) 포함하기 const name = 'Josh Perez'; const element = Hello, {name}; React..

Achievement Goals HTTP 요청/응답을 브라우저를 통해 확인할 수 있고, 해당 내용을 읽을 수 있다. HTTP 다양한 요청 방식과, 응답 코드에 대해 이해할 수 있다. HTTP는 Hyper Text Transfer Protocol의 약자로 웹에서 이루어지는 모든 데이터 교환의 시작이며 클라이언트와 서버간의 약속이라고도 할 수 있다. 클라이언트와 서버 사이에는 OSI(Open Systems Interconnection) 7계층이라는 네트워크 계층이 있고 각 단계를 거쳐 통신이 이루어진다. 클라이언트의 요청(request)을 하면 서버는 어떤식으로든 응답(response)을 한다. 1 request -> 1 response! Stateless 클라이언트(브라우저)와 서버 사이에는 수많은 요청과..

싱글 스레드 환경인 자바스크립트 런타임을 멀티 스레드처럼 바꿔주는 자바스크립트의 비동기처리에 대해 알아보자. 싱글 스레드란? 일반적인 큐(Queue)로 예를 들어보면 큐에 일련의 작업들이 들어왔을 때 작업들은 들어온 순서대로 처리가 될 것이다. 1번과 2번이 동시에 처리가 된다거나 1번이 작업을 하다가 멈추고 2번이 시작을 하지 않는다는 이야기다. 우리가 프린트로 한글 문서들을 출력할 때 인쇄버튼을 누른 순서대로 출력이 될 것이다. 첫 번째 문서가 다 출력이 되야지만 두 번째 문서의 출력을 시작할 수 있다. 싱글 스레드에서는 현재 실행하고 있는 작업이 끝나기 전까지는 아무것도 할 수가 없다. 너튜브나 넷플릭스에서 동영상의 로딩이 동기적으로 실행된다면 우리는 로딩이 끝날때까지 아무것도 할 수 없을 것이다...

//React class App extends React.Component { } Life Cycle Method는 기본적으로 React에서 Component를 생성하고 없애는 방법이다. Mounting componet의 instance가 만들어지고 삽입될 때 아래의 메서드들이 순서에 따라 실행된다. constructor() static getDerivedStateFromProps() render() componentDidMount() Updating props나 state가 변할 때 update가 일어난다. component가 다시 렌더링 될 때 아래의 메서드들이 순서에 따라 실행된다. static getDerivedStateFromProps() shouldComponentUpdate() render(..

컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소를 가리킨다. 캐시는 캐시의 접근 시간에 비해 원래 데이터를 접근하는 시간이 오래 걸리는 경우나 값을 다시 계산하는 시간을 절약하고 싶은 경우에 사용한다. 캐시에 데이터를 미리 복사해 놓으면 계산이나 접근 시간 없이 더 빠른 속도로 데이터에 접근할 수 있다. 캐시의 종류 CPU 캐시 디스크 캐시(디스크 버퍼) 원리 데이터의 지역성을 이용 시간지역성 : 반복문의 조건 변수는 다시 사용될 가능성이 높다 공간지역성 : 배열의 경우 순차적으로 접근할 경우가 높기 때문에 참조된 데이터 근처 데이터를 참조할 확률이 높다 DRAM과 Register 사이에서 데이터의 존재여부를 판단 캐시히트 캐시미스 캐시미스의 종류 3가지(compulsory, conflict,..

가상 메모리 또는 가상 기억 장치 RAM을 관리하는 방법의 하나로, 각 프로그램에 실제 메모리 주소가 아닌 가상의 메모리 주소를 주는 방식 이러한 방식은 멀티태스킹 운영 체제에서 흔히 사용되며, 실제 주기억장치보다 큰 메모리 영역을 제공하는 방법으로도 사용된다. 가상적으로 주어진 주소를 가상 주소(virtual address) 또는 논리 주소(logical address) 라고 하며, 실제 메모리 상에서 유효한 주소를 물리 주소(physical address) 또는 실주소(real address)라고 한다. 가상 주소의 범위를 가상 주소 공간, 물리 주소의 범위를 물리 주소 공간이라고 한다. 가상 주소 공간은 메모리 관리 장치(MMU)에 의해서 물리 주소로 변환된다. 이 덕분에 프로그래머는 가상 주소 공..