profile
IT 엔지니어를 향해 살아가는, 공부하는 기록들을 모아두고 있습니다.
post-thumbnail

2.4 서버와 인스턴스: 네트워크 상에 만들어진 가상 서버

AWS의 대표적인 서비스는 Amazon EC2(Elastic Compute Cloud)이다. 이 서비스는 간단히 말하면 서버를 임대하는 서비스이다. 서버란 Server 이름 그대로 어떠한 서비스를 제공하는 것을 말한다.서버 기능을 갖춘 컴퓨터(물리적인 서버 머신)는 평

2022년 8월 21일
·
0개의 댓글
·
post-thumbnail

01. 인프라 설계

인프라 엔지니어의 업무는 크게 인프라 설계, 인프라 구축, 인프라 운영 3단계로 분류된다.인프라 설계인프라의 목적과 조건에 따라서 적절한 기획서와 설계서를 작성한다.어느 정도의 비용, 기간 내에서 만들 수 있는지 예상하는 작업이다.작업이 완료가 되면 결재를 올린다.인프

2022년 8월 15일
·
0개의 댓글
·
post-thumbnail

클라우드 개념과 가상화, 분산처리

AWS는 클라우드이다. 클라우드란 무엇일까? 클라우드란 언제, 어디서든 인터넷을 통해서 접속이 가능한 환경을 말한다. 대표적인 예시로 MS Office365나 파일 스토리지 서비스, 음악 배포 서비스, 동영상 저장 서비스 등이 있다.사용자는 이러한 서비스를 스마트폰이나

2022년 8월 14일
·
0개의 댓글
·
post-thumbnail

아마존 웹서비스 기초 지식

AWS는 클라우드 컴퓨팅 서비스의 하나이다. 서버 및 네트워크 등을 이터넷으로 빌려주는 서비스로 언제 어디서든지 사용할 수 있다. AWS의 다양한 서비스를 조합하여 모든 애플리케이션과 인프라를 구축할 수 있다.여러 사업자에게 각각 빌려야 했던 인프라를 일괄로 빌릴 수

2022년 8월 14일
·
0개의 댓글
·
post-thumbnail

AWS RDS(Relational Database Service)

Amazon Relational Database Service(Amazon RDS)는 AWS 클라우드에서 관계형 데이터베이스를 더 쉽게 설치, 운영 및 확장할 수 있는 웹 서비스이다. 그리고 비관리형 서비스와 관리형 서비스가 있다.비관리형(Unmanaged)는 사용자가

2022년 7월 18일
·
1개의 댓글
·
post-thumbnail

자바스크립트 활용, 반복문을 활용하여 마름모 만들기

반복문을 활용하여 마름모 만들기중요한 것은 반복되는 규칙을 찾는 것이다.우선, 첫 번째 조건은 절대값을 활용하면 간단하다. \-2 < i < 2를 만들어서 절대갑을 활용해서 반복해주면 된다.두 번째 조건이 까다로웠다.1, 3, 5, 3, 1 을 만들어줘야 한

2022년 3월 27일
·
1개의 댓글
·
post-thumbnail

이벤트 버블링

Q: 이벤트 버블링에 대해서 설명하시오.A: 이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미합니다. 아래와 같은 그림처럼요.이와 같은 하위에서 상위 요소로의 이벤트 전파 방식을 이벤트 버블링(E

2022년 3월 21일
·
0개의 댓글
·

REST API

Q: REST API에 대해서 설명해보시오.A: REST API(REpresentational State Transfer)는 웹상에서 사용되는 여러 리소스를 HTTP URI로 표현하고, 해당 리소스에 대한 행위를 HTTP Method로 정의하는 방식을 말합니다.REST

2022년 3월 21일
·
0개의 댓글
·

이벤트루프

Q: 이벤트 루프에 대해서 설명하시오A: 이벤트 루프는 태스크가 들어오면 이를 처리하고, 처리할 태스크가 없는 경우에는 잠드는, 끊임없이 돌아가는 자바스크립트 내 루프 입니다.자바스크립트의 엔진의 알고리즘은 아래와 같습니다.처리해야할 태스크가 있는 경우 먼저 들어온 테

2022년 3월 21일
·
0개의 댓글
·

자바스크립트의 this

Q: this에 대해서 설명하시오.A: this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수 입니다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조 할 수 있습니다. 다만 어떻게 호출했는지에 따라

2022년 3월 21일
·
0개의 댓글
·

호이스팅

Q: 호이스팅에 대해서 설명해보시오.A: 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말합니다.자바스크립트 Parser가 함수 실행 전 해당 함수를 한 번 훑습니다. 함수 안에 존재하는 변수/함수선언에 대한 정보를 기억하고 있

2022년 3월 21일
·
0개의 댓글
·

브라우저 렌더링 원리

Q: 홈페이지가 사용자에게 보이는 순서에 대해서 설명하세요.브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것입니다. 총 6개의 단계를 통해서 이루어 집니다.1단계는 불러오기 단계 입니다. 로더(Loader)가 서버로부터 전달 받는 리

2022년 3월 21일
·
0개의 댓글
·
post-thumbnail

위코드(Wecode)를 3개월 과정을 마치면서....

1개월 간의 사전 코스 그리고 2개월 간의 부트캠프 본과정 그리고 마지막의 얼리슬로스라는 좋은 스타트업에서의 1개월간의 인턴 경험을 마쳤다.위코드(Wecode)의 과정은 4개월이라는 과정은 내게 무엇을 주었고 무슨 의미일까?훌륭한 동기들, 위코드라는 커뮤니티, 프론트엔

2022년 3월 7일
·
0개의 댓글
·
post-thumbnail

[React]이번에는 카카오 소셜로그인의 401 에러코드 잡자!

401 에러코드 발생...카카오 소셜로그인의 400 에러코드를 해결을 했지만, 401에러코드도 발생을 했다. 도대체 어떻게 해결할지 여러가지 시도를 했지만 이 에러코드는 없어지지 않다가, 400에러코드 해결과 비슷하다는 생각이 들어서 비슷하게 코드를 쳐보니....우리

2022년 1월 20일
·
0개의 댓글
·
post-thumbnail

[React]카카오 소셜로그인의 400 에러코드 잡자!

기능구현은 어느정도 되었고 작동은 되었는데, 개발자 도구에 카카오 로그인 버튼을 클릭하기 전에 계속 fetch 요청이 가서 계속 오류코드가 발생하는 현상이 일어났다. 무엇이 문제인지 알기 위해서 개발자 도구를 열어서 네트워크 탭도 열고, 오류가 뜬 코드가 어느 줄인지

2022년 1월 19일
·
0개의 댓글
·
post-thumbnail

[React]로그인 상태에 따른 Navigation Bar 상태 변화(2)

1단계: Login.js 파일에서 슈크림 서비스의 토큰을 받아와서 전역변수로 관리를 한다.2단계: 그것을 Nav.js에서 검사를 한다.3단계: 이 때 Login에 있는 token과 Nav에 있는 token이 같아야 하기 때문에 Recoil을 써주는 것이다.결국 이 논리

2022년 1월 18일
·
0개의 댓글
·
post-thumbnail

[React]로그인 상태에 따른 Navigation Bar 상태 변화(1)

문제점 토큰을 로컬 스토리지에 저장을 해서 변수에 넣은 뒤에 변수를 활용한 삼항 연산자를 했는데, 직접 새로고침을 해야하지만 렌더링이 되면서 인식을 하면서 로그인/로그아웃이 바뀌었다. 내 상상(?)으로는 자동으로 바꿔져야하는데 그렇지 못해서 구글링을 했다. 그 결과

2022년 1월 18일
·
0개의 댓글
·