다재다능한 모험가

클라이언트사이드 렌더링 - 웹브라우저에서 자바스크립트로 HTML을 만드는 것 리엑트로 할 수 있는 가장 기본적인 방식의 렌더링임 리엑트로 작성한 코드는 자바스크립트로 변환이 가능함. 참고로 이런 변환을 트렌스파일링이라고 부름. 클라이언트 사이드 렌더링은 자바스크립트로 변환된 리액트 코드를 웹 브라우저에서 실행해서 HTML을 만드는 것을 말함 서버사이드 렌더링(next.js) -서버에서 HTML을 만들고 리스폰스로 보내주는 것 백엔드 서버에서 리퀘스트를 받으면 상황에 맞는 HTML을 만들어서 리스폰스로 보내주는 방식을 '서버사이드 렌더링'이라고 함. 서버에서 HTML을 만든다는 뜻 리액트에서도 서버사이드 렌더링을 할 수 있는 기능을 제공함. 이렇게 하면 이미 렌더링 된 것이 웹 브라우저에 도착하니까 훨 씬..

리액트 라우터란? 리액트에서 경로에 따라 페이지를 나누도록 해주는 라이브러리임 리액트스러운 방법으로 컴포넌트를 사용해서 페이지를 나누는 것이 특징임 라우터 리액트 라우터를 사용하려면 반드시 라우터라는 컴포넌트가 필요 우리는 그 중에서도 BrowserRouter라는 걸 사용했음 이 컴포넌트를 최상위 컴포넌트에서 감싸주면 모든 곳에서 사용가능 import { BrowserRouter } from 'react-router-dom'; function App() { return ... ; } 페이지를 나누는 방법 Routes 컴포넌트 안에다가 Route 컴포넌트를 배치해서 각 페이지를 나눠줄 수 있음 이때 Routes 안에서는 위에서부터 차례대로 Route를 검사함 현재 경로와 Path prop이 일치하는 Rou..

컴퓨터 프로그램이 실행되는 시간은 두 가지에 의해 결정됨 1. 그 프로그램에 얼마나 많은 Instruction이 있는가 2. Instruction을 실행하는 속도가 얼마나 빠른가 성능을 향상시키는 방법 첫번째 1.실행 코드를 짧게하기 여기서 실행코드는 머신 코드를 의미함 파이썬이나 자바 같은 언어에서 짧아지는 게 아니라 머신코드로 바꿨을 때 짧아 져야함 같은 코드를 작성하더라도 성능을 더 빠르게 만들 수 있는데 이것이 알고리즘의 힘임 알고리즘은 문제를 해결하기 위한 절차임 좋은 알고리즘을 사용하면 머신코드가 짧아지고 안좋은 알고리즘을 활용하면 머신코드가 길어져 성능이 떨어짐 2. 컴파일러의 성능에 따라 성능이 달라질 수 있음 3. 사용하는 언어가 저수준인지 고수준인지에 따라서 성능이 달라짐 두번째 속도를..

GHz 는 10억임 3.6GHz는 1초에 36억번 반복한다는 뜻임 컴퓨터의 동작은 여러 부품 사이에서 전기신호를 주고 받는 방식으로 동작함 이런 부품이 신호 하나씩을 주고 받는 것을 Cycle이라고 함 3.6GHz는 Cycle이 36억번 반복된다는 것임 이 Cycle이 일정한 시간 간격으로 반복되기 떄문에 Clock이라는 표현도 사용함 CPU에서 숫자연산을 하려고 할 때CPU에서 ALU에게 숫자정보를 전달하는데 한 Cycle 입력된 정보를 이용하여 결과를 만들어 내는 데 한 Cycle 그결과를 다시 CPU의 다른 선으로 가져오는데 Cycle 3Cycle이 걸리고 3.6GHz라면 숫자 연산을 1초에 12억번 반복할 수 있음 데이터를 가져오는 LOAD 명령에는 5Cycle 정보를 저장하는 STORE 명령에는..

머신 코드는 CPU(중앙처리장치)에서 작동함 머신코드들이 CPU의 입력선 하나하나와 연결돼 ON OFF 신호를 보냄 한 줄의 머신 코드가 총 몇 개의 숫자로 이루어져 있는지는 CPU의 구조에 따라 다름 Instruction CPU동작의 최소단위 operation code 어떤기능을 사용할지 알려주는 코드 오퍼레이션 코드는 2가지 기능을 할 수 있음 4가지 기능이 필요한 경우에는 오퍼레이션코드가 2개 있어야 함 여러가지 수학 연산 기능을 할 수 있는 칩을 ALU라고 함 cpu와 저장장치 CPU의 Instruction은 저장장치를 다루는 명령들이 대부분임 CPU가 저장 불러오기 같은 동작을 많이하고 임시로 저장공간에 보관하기도 함 레지스터: 가장 빠른 저장장치 가격이 비싸서 굉장히 작은 용량으로만 사용함 8..

1. 두 신호가 모두 ON 이어야 작동하는 경우 and연산자 2. 두 신호 중 하나만이라도 On이면 작동하는 경우 or연산자 논리 연산은 이진법과 함께, 컴퓨터의 원리를 이해하기 위해 꼭 알아야 하는 개념임. 이진법과 논리 연산을 이해하면 본격적으로 칩이라는 게 뭔지 알 수 있고, 그 칩이 모여서 컴퓨터가 되는 거니까, 컴퓨터를 이해 할 수 있게 됨 프로그래밍에서 함수는 추상화에 일종임 입력과 출력만 알면 그 함수 내부에 구현 된 내용은 몰라도 괜찮았음 회로에도 똑같은 추상화 개념이 있음 모든 회로는 입력과 출력이 있는 박스형태로 표현할 수 있음 우리가 알고있는 컴퓨터에 칩들도 내부를 보면 회로가 연결되어있음 각 기능을 상자형태로 만들어서 구체적인 것은 가리고 기능 위주로 조립되어 있음 한 자리 덧셈 회..