본문 바로가기

분류 전체보기186

[AWS] 인스턴스 생성하기 및 배포하기 * 차근차근 따라하면 배포할 수 있습니다 화이팅* 1. aws 홈에 접속 후 좌측 상단 메뉴에서 서비스 탭 클릭, EC2 선택 / 또는 검색창에 EC2 입력 2. 인스턴스 시작 선택 3. 인스턴스 설정 시작(1) 이름 설정 (원하는 이름으로) (2) 애플리케이션 선택 - 필자는 Amazon Linux 썼음 - 프리티어 사용 가능한지 꼭!!! 확인 (3) 인스턴스 유형 확인 - 프리티어 사용 가능인지 꼭!! 확인 (4) 키 페어 선택 또는 생성- 키 페어 생성 시 ↓ - '새 키페어 생성' 선택 후 - 이름 입력 - 키페어 유형 : RSA 선택 - 프라이빗 키 형식 : .pem 선택 - 키페어 생성 누르기 → 바로 다운로드됨, Downloads 폴더에서 확인 가능 (5)네트워크 설정 - 퍼블릭 IP 자동 .. 2024. 5. 28.
네트워크 기본 지식 전산 기본▶ OSI 7계층에 대해 설명해주세요.더보기OSI 7계층이란 네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것을 말합니다. 단계별로 나눔으로써 통신이 일어나는 과정을 단계별로 파악할 수 있고 이상이 생기면 이상이 생긴 특정 단계만 고칠 수 있습니다. 물리 계층, 데이터링크 계층, 네트워크 계층, 전송 계층, 세션 계층, 표현 계층 그리고 응용 계층으로 나뉩니다. 1계층은 물리 계층(Phsical Layer)으로 전기적, 기계적, 기능적인 특성을 이용해서 통신 케이블로 데이터를 전송합니다. 통신 단위는 bit이며 1과 0으로 나타납니다. 대표적인 장비로는 통신 케이블, 리피터, 허브 등이 있습니다. 2계층은 데이터 링크 계층(DataLink Layer)으로 물리계층을 총해 송수신되는 정보의 오.. 2024. 5. 8.
[TIL] 유데미X사람인 취업 부트캠프 1기 9주차 [2월 5일] 1. 타입스크립트 - 자바스크립트의 모든 기능을 포함하는 상위 집합 - 코드에 명시적으로 타입을 지정할 수 있게 해줌 - 정적 타입 검사 : 타입스크립트는 컴파일 시점에 타입 검사를 받아 실행 전에 오류를 발견하고 수정 가능 - 객체 지향 프로그래밍과 인터페이스 제공 - 예시코드 function greet(name: string): string { return `hello, ${name}!`; } const name = "World"; console.log(greet(name)); 2. 타이스크립트 예시 코드 (1) Counter - 배열은 타입[]으로 설정할 수 있고 Array으로 설정할 수 있다 - useState를 사용할 때 value의 값을 0으로 설정하나, undefined일 수 .. 2024. 2. 25.
[TIL] 유데미X사람인 취업 부트캠프 36일차 / redux [1. 오늘 배운 것] 1. contexts (1) Header - export좀 잊지 말자 제발 흑흑 import React from "react"; function Header() { return ( ); } export default Header; (2) Footer import React from "react"; function Footer() { return ( ); } export default Footer; (3) Layout import React from "react"; import Header fron "./Header"; import Footer from "./Footer"; function Layout({ children }) { console.log("리렌더 Layout"); re.. 2024. 2. 19.
[TIL] 유데미X사람인 취업 부트캠프 1기 10주차 [2월 14일] 1. node.ts 환경 세팅 (1) .gitignore 파일 만들기 - 터미널에 입력 git init touch .gitignore - .gitignore에 작성 (2) npm 환경 세팅 npm init -y//package.json 파일 생성 npm i//package-lock.json 파일 생성 npm i -D typescript ts-node @types/node//node_modules 폴더 생성 (3) 실행할 파일을 대충 만들어주기 : root에 src폴더 생성 & src폴더에 main.ts 생성, 콘솔로그로 숫자 암거나 찍어주기 ㅋ (4) tsconfig.json 파일 만들기 - 터미널에 입력 npx tsc --init//tsconfig.json 생성 - tsconfig.ts.. 2024. 2. 14.
[TIL] 유데미X사람인 취업 부트캠프 35일차 / netflex 만들기 [1. 오늘 배운 것] 1. profile.context.js - intialValue로 nickname과 likedMovies배열의 초기값 설정, updateNickname과 setLikedMovies를 빈 함수로 설정 - createContext로 ProfileContext를 생성하여 전역적으로 관리 - useContext를 활용해 다른 컴포넌트에서 접근할 수 있도록 함 const initialValue = { nickname: "", updateNickname: () => {}, likedMovies: [], setLikedMovies: () => {}, }; const ProfileContext = createContext(initialValue); export const useProfile = .. 2024. 2. 11.