[ 리액트 / React ] Redux Toolkit
·
Web Development/React
[ 리액트 / React ] Redux Toolkit/ 쓰는 이유 / 사용 방법 /◇ Redux Toolkit 쓰는 이유  - 컴포넌트간 state 공유 편이 ( props 전송 필요 X )     -> store.js에서 state 가져와 사용 ◇ Redux 라이브러리 설치     ㄴ ( React 및 React-dom 버전 18.1 이상 가정 )npm install @reduxjs/toolkit@1.8.1 react-redux ◇ 기본 세팅○ src/store.js 생성import { configureStore } from '@reduxjs/toolkit'export default configureStore({    reducer: {     }}) ○ src/main.jsx 코드 변경import {..
[ 리액트 / React ] props
·
Web Development/React
[ 리액트 / React ] props / 쓰는 이유 / 사용법 /props 왜 써요?컴포넌트 간 데이터 전달 (부모 → 자식 컴포넌트)..다음과 같은 코드가 있다고 가정.function Greeting() { return 안녕, {여기에 이름 넣고싶음}!;}function App() { return ( // 철수 자리 // 영희 자리 );}​  - // 철수 자리  - // 영희 자리     각 자리에서 호출했을 때 안녕 철수!와 같이 출력하고 싶다면?     -> App() 컴포넌트에서 Greeting()컴포넌트로 이름을 넘겨주면 됨! 그냥 State를 사용한다면function App() { const [nam..
[ Study Note ] Kubernetes는 왜 쓸까 [ 역할 ]
·
Study Notes
항상 Docker와 Kubernetes는 함께 들려온다.일단 Docker는 공부를 했지만 Kubernetes에 대해서는 모르고 있었다.( 대충 구글에서 만들었다,,? 정도만 알고 있었음 ) 그래서 오늘 Kubernetes가 무엇인지에 대하여 몇몇 대표 개념만 간단히 공부를 했봤다. Kubernetes의 역할일단 Kubernetes는 Docker의 Container와 연관이 깊다는 걸 알 수 있었다.왜 연관이 깊냐 하면Kubernetes = Docker Container 관리 도구!그렇다면 Kubernetes는 Docker Container를 어떻게 관리해 줄까?정확히는 무엇을 관리할까?Kubernetes 기능 1 - Docker Container 다운 시 재시작Kubernetes는 Container들을 ..
[ 리액트 / React ] 컴포넌트 Component
·
Web Development/React
[ 리액트 / React ] 컴포넌트 Component/ 정의 / 문법 / 단점 / 사용법 / Component 란?쉽게 말해서, "UI를 반환하는 함수"다.( 처음엔 이렇게만 이해해도 무방! )UI 구성요소?1. HTML 태그들 ( , , , , , , ... )2. State 변수 ( 상태 변수 )3. 등등 Component 쓰는 이유함수를 쓰는 이유와 비슷1. 코드를 깔끔하게 유지 -> ( 모듈화 )    - 유지 보수 쉬워짐2. 재사용성 증가   - 같은 UI 구현해야 할 때 컴포넌트 쓱 사용3. 등등Component 미 사용 예제)function App() { return ( Product List ..
[ AWS / 아마존 웹 서비스 ] EC2 이론 / 생성 / 연결
·
Cloud/AWS
[ AWS / 아마존 웹 서비스 ] EC2EC2 정의 / EC2 배우는(사용하는) 이유 / EC2 사용 예 / 인스턴스 생성 / 연결EC2; Elastic Compute Cloud◆ 목차- EC2 정의- EC2 배우는(사용하는) 이유- EC2 사용 예- EC2 인스턴스 생성 및 관리와 연결   0. 인스턴스란?   1. Region(리전) 선택   2. EC2 인스턴스 생성   3. 인스턴스 연결 ◆ EC2 정의AWS에서 컴퓨터를 빌려 원격으로 사용할 수 있게 해주는 서비스     ◆ EC2 배우는(사용하는) 이유 우리가 웹을 만들었고, 이제 이걸 배포(서비스) 해야 한다고 가정해 보자.( 웹은 서버(백)가 있는 웹이다. )사람들이 우리가 만든 웹의 서버를 이용하려면 하나 이상의 컴퓨터를 서버용 컴퓨터로..
[ AWS / 아마존 웹 서비스 ] 2025 AWS 프리티어 계정 생성
·
Cloud/AWS
[ AWS / 아마존 웹 서비스 ] 2025 AWS 프리티어 계정 생성기준일 - 2025.03.17  아마존 웹 서비스 프리티어 계정 생성 하는 방법을 상세하게 담았다.글이 너무 기니깐 아래 목차를 보고 필요한 내용만 찾아도 괜찮다.( ctrl + f ) 또는 ( command + f ) 후 목차에 있는 제목 입력 혹은, 숫자 입력 사실 엄청 쉬워서 혼자 해도 괜찮다.목차아마존 웹 서비스 공식 사이트 접속무료 계정 생성언어 변경회원가입이메일 인증암호 생성 ( 1 / 5 단계 )개인정보 입력 ( 2 / 5 단계 )카드 등록 ( 3 / 5 단계 )본인 인증 ( 4 / 5 단계 ) 요금제 선택 ( 가입 완료 )ENDAWS 프리티어?AWS 가입 시 1년간 무료로 사용 가능한 요금제를 지원해준다. 준비물아래 사진..