리액트바오

ha를 앞두고 지금까지 공부했던 내용중 이론부분을 복습했다. 체크포인트를 다시 보며 공부했다. Checkpoint - 컴퓨터 공학 기초 1. 프로그램과 프로세스, 스레드에 대한 설명으로 틀린 것을 고르세요. A.하나의 프로그램이 여러 프로세스를 가질 수 있다. B.프로세스는 싱글 스레드 또는 멀티 스레드로 작동할 수 있다 C.프로세스는 프로그램이 메모리에 적재되어 운영체제로부터 필요한 공간, 파일, 메모리를 할당받는다. D.node.js는 싱글 스레드로만 작동한다. 정답 해설: node.js의 Event loop는 싱글 스레드로 작동되지만, Worker pool은 멀티 스레드로 작동됩니다. 즉, node.js의 초기화와 callback은 Event loop라는 하나의 프로세스, 하나의 스레드에서 작동되지..

TIL 2022. 2. 22. 00:07

도커에대해 학습했다. 도커는 고래등위에 컨테이너가 여러개 쌓여있는 그림으로 귀여웠다. CLI창에서서 이미지를 불러오자 귀여운 그림이 뜨는 것이 신기했다. 컨테이너 기술과 Docker의 탄생 배경 컨테이너 부산항, 인천항과 같은 무역항에 방문해 본 적이 있을것이다. 가장 흔히 볼 수 있는 풍경 중 하나는, 대형 트럭이 컨테이너를 싣고 부두를 왔다 갔다 하는 장면일 것이다. 이러한 컨테이너는 대형 화물선에 실려서 다른 무역항으로 이동한다. 컨테이너는 장점이 많다. 물자를 싣고 내릴 때에, 선박이 입항해 있는 시간을 획기적으로 단축시켜준다 물자를 싣고 내릴 때 필요한 인력(분류하는 사람, 짐 옮기는 사람, 감독하는 사람)을 대폭 감소시킨다 개발자들은 이와 같이 물자의 수송에 획기적인 단축을 가져다준 컨테이너 ..

TIL 2022. 2. 19. 00:37

캐시에 대해 종종 들어보았는데 무엇인지 어떤 역할을 하는것인지 오늘 학습을 통해 알 수 있었다. 무심코 사용해왔던것들에 대해 하나씩 알면 알수록 신기하고 재미있어진다. 웹 캐시 캐시의 기본 원리 및 적용 캐시와 관련된 HTTP 헤더에 대해 알아보자. 클라이언트가 logo.jpg 이미지에 대한 요청을 보내고 서버가 해당 이미지에 대한 응답을 줄 때, HTTP 헤더가 0.1M, 바디가 1.0M로 총 1.1M로 가정해 보자. 같은 이미지를 다시 요청하더라도 첫 번째처럼 똑같이 1.1M의 응답을 보낸다. 이 경우 logo.jpg 데이터가 변경되지 않아도 계속 데이터를 새로 다운받아야 한다. 브라우저가 이를 저장하는 방법은 없을까? 캐시(데이터나 값을 미리 복사해 놓는 임시 장소)가 없을 경우 앞의 사례처럼 동일..

TIL 2022. 2. 15. 17:23

페어프로그래밍이 없고 혼자 공부하는 날이었다. '컴퓨터공학'을 이틀간 하게된다. 운영체제. 말로는 많이 들어보았는데 어떤 기능을 하는지는 이번 학습을 통해 알게되었다. 하나씩 조금씩 알아가는것이 재미있다. 운영체제 컴퓨터나 스마트폰의 기기 그 자체(하드웨어)는 스스로 할 수 있는 일이 없다. 하드웨어의 설계를 바탕으로 하드웨어에게 일을 시켜야만 그 의미가 있다. 하드웨어에게 일을 시키는 주체가 바로 운영체제이다. 운영체제가 하는 일을 소개한다. 1. 운영체제 시스템 자원 관리 운영체제가 없다면, 응용 프로그램이 실행될 수 없다. 응용 프로그램은 컴퓨터를 이용해 다양한 작업을 하는 것이 목적이고, 운영체제는 응용 프로그램이 하드웨어에게 일을 시킬 수 있도록 도와준다. 하드웨어를 구성하는 일을 하는 CPU,..

TIL 2022. 2. 12. 15:40

인증보안부분은 재미있으면서도 어렵다. 특히 OAuth는 내가 무심코 많이 써왔는데 어떻게 돌아가는지 알게 되니 흥미로웠다. 프로젝트를 하게 되면 OAuth를 적용하여 구글,카카오톡,네이버 로 로그인 할 수 있도록 만들어야겠다. OAuth 인증 방식을 구현하는 방법은 아래와 같다. 1. GitHub에 내 앱 등록 https://www.oauth.com/oauth2-servers/accessing-data/create-an-application/ 를 참고하여, OAuth 앱을 등록한다. Homepage URL 및 Authorization callback URL은, 안내한 문서의 스크린샷에서처럼 https://example-app.com 으로 써도 좋고 http://localhost:3000과 같이 써넣어도 ..

TIL 2022. 2. 10. 23:20

OAuth 2.0 여러분이 웹이나 앱에서 흔히 찾아볼 수 있는 소셜 로그인 인증 방식은 OAuth 2라는 기술을 바탕으로 구현된다. 전통적으로 직접 작성한 서버에서 인증을 처리해 주는 것과는 달리, OAuth는 인증을 중개해 주는 메커니즘이다. 보안된 리소스에 액세스하기 위해 클라이언트에게 권한을 제공하는 프로세스를 단순화하는 프로토콜이다. 즉, 이미 사용자 정보를 가지고 있는 웹 서비스(GitHub, google, facebook 등)에서 사용자의 인증을 대신해 주고, 접근 권한에 대한 토큰을 발급한 후, 이를 이용해 내 서버에서 인증이 가능해진다. OAuth가 모든 것을 해결해 주는 솔루션은 아니다. 여전히 사용자 정보가 내 서버에 저장되는 것은 변함이 없다. OAuth는 인증(Authenticati..

TIL 2022. 2. 9. 23:12

인증보안을 학습하는 날이다. 설 연휴동안 미리 읽어보기는 했지만 잘 와 닿지 않았다. 좋은 페어를 만나서 함께 스프린트를 진행해보니 어렵지만 재미있었다. HTTPS 프로토콜 HTTPS는 Hyper Text Transfer Protocol Secure Socket layer 의 약자이다. HTTP over SSL(TLS), HTTP over Secure라고 부르기도 한다. HTTPS는 HTTP 요청을 SSL 혹은 TLS라는 알고리즘을 이용해, HTTP 통신을 하는 과정에서 내용을 암호화하여 데이터를 전송하는 방법이다. 질문: SSL, TLS는 무엇일까? SSL과 인증기관(CA)은 어떤 관계가 있나? 인증에서 HTTPS 프로토콜을 사용해야만 하는 이유는 HTTP보다 상대적으로 안전한 방법이고, 데이터 제공자..

TIL 2022. 2. 8. 04:20

오늘 학습할 내용은 '코딩테스트 준비' 였는데 개념을 읽고 페어와 함께 문제를 푸는것이었다. 코플릿 문제푸는것에 흥미가 없던 나는 시작전부터 사실 한숨을 쉬기도 했는데 좋은 페어를 만나니 그 마음은 온데간데 사라지고 너무 몰입이 잘 되는 시간이었다. 또다시 문제를 풀어보고 싶고, 흥미롭고 코플릿문제에 흥미가 생길정도랄까.. 나도 이런 좋은 영향력을 줄 수 있는 사람이 되고 싶다. Big-O 표기법 Big-O(빅-오) Big-Ω(빅-오메가) Big-θ(빅-세타) O(1) Big-O 표기법은 입력값의 변화에 따라 연산을 실행할 때, 연산 횟수에 비해 시간이 얼마만큼 걸리는가?를 표기하는 방법이다. O(1)는 constant complexity라고 하며, 입력값이 증가하더라도 시간이 늘어나지 않는다. 다시 말..

TIL 2022. 1. 18. 22:04