티스토리

개발 & 공부 일지

검색하기

블로그 홈

개발 & 공부 일지

laikhan-workshop.tistory.com/m

Lai_Khan 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

쿠버네티스 네트워킹 쿠버네티스에서는 Pod를 불안정한 리소스로 여김. 언제든, 무슨 이유로든 종료될 수 있는 리소스. Pod는 불안정한 서비스엔드를 제공한다.그러면 사용자는 끊임없어 서비스엔드의 이상여부와 바뀐 IP를 추적해야 한다.이를 위해 Service를 앞단에 두어 클라이언트의 요청을 대신 받아 전달하는 리버스 프록시 역할을 수행하게 한다.Pod IP가 변경되어도 사용자는 동일한 IP로 서비스에 접근 가능Service는 안정적인 IP 제공도메인 이름 기반의 서비스엔드 제공 (DNS 참조 가능)Service의 종류ClusterIP : 가장 기본. 쿠버네티스 클러스터 내부에서만 접근이 가능NodePort : 로컬호스트의 특정 포트를 Service의 특정 포트와 연결시켜 외부 트래픽을 Service까지 전달LoadBalan.. 공감수 0 댓글수 0 2024. 9. 25.
Pod Pod는 쿠버네티스의 최소 실행 단위이다.모든 프로세스는 Pod를 통해 수행된다.특징Pod는 1개 이상의 컨테이너를 가질 수 있다. (실질적으로 3개 이상 넘어가는 경우는 거의 없다)Pod 내에 실행되는 컨테이너들은 반드시 동일한 노드에 할당되며 동일한 생명주기를 갖는다. Pod 삭제시 Pod 내의 모든 컨테이너도 전부 같이 삭제된다.Node IP와는 별개로 Cluster 내에서 접근가능한 고유 IP를 할당받는다. 쿠버네티스에서는 다른 Node에 위치한 Pod라도 NAT 통신 없이 Pod 고유 IP를 통해 접근할 수 있다.Pod 내의 컨테이너들은 서로 IP를 공유한다. 같은 Pod 내의 컨테이너끼리 localhost를 통해 접근 가능하며 포트를 이용하여 구분한다.Pod 안의 컨테이너 들은 동일한 volu.. 공감수 4 댓글수 2 2024. 9. 14.
쿠버네티스 명령어 앞에서 생성한 NCP Kubernetes Cluster를 컨트롤하기 위해 kubectl 명령툴을 사용한다.쿠버네티스 서버는 REST API로 통신한다. 이를 쉽게 통신할 수 있게 해주는 클라이언트 툴이 kubectl이다.기본적인 사용법에 대해 정리한다. 기본 명령◈ 컨테이너 실행kubectl run --image # 예시kubectl run mynginx --image nginxpod/mynginx created# 도커 명령 비교docker run ◈ 컨테이너 조회kubectl get pod# 결과NAME READY STATUS RESTARTS AGEmynginx 1/1 Running 0 12s 쿠버네티스의 최소 실행단위는 pod다.대충 컨테이너 =.. 공감수 0 댓글수 0 2024. 7. 17.
[NCP] Kubernetes Service 이용하기 Naver Cloud Platform의 Kubernetes Service 이용하고 남기는 기록Windows 10 환경 (+powershell) 클러스터 생성1. 클러스터 설정 클러스터를 생성하기에 앞서 VPC, Subnet, public/private LB Subnet이 필요하다. 없다면 미리 만들자. 콘솔(VPC 환경) > Services > Containers > Ncloud Kubernetes Service 이동클러스터 생성하기 클릭이름, VPC, 가용 Zone, 네트워크 타입(public/private), Subnet, private LB Subnet, public LB Subnet을 선택다음 VPC 생성 Services > Networking > VPC 로 이동. VPC 생성 버튼 클릭이름,.. 공감수 0 댓글수 1 2024. 7. 13.
[네트워크 응용] 부하분산 시스템 작동원리 L4 부하분산과 무정지 시스템 L4 스위치는 포트 번호를 기반으로 스위칭을 하는데 이를 부하분산하는데 사용할 수 있다. 위 그림에서 Web Server는 DNS가 제공하는 서버의 IP 주소가 실제 서버가 아닌 LB(Load Balancer)로 작동하고 있는 서버다. 내부 서버에 차례대로 트래픽을 전달하는 역할을 한다. 내부에는 1~N번 서버가 있는데 이 서버들은 IP 주소만 다르지 내용은 모두 동일한 클론이다. 어디로 접속하든 같은 응답을 준다. 순서대로 매핑해주는 방식을 라운드로빈이라고 한다. 이는 기본 방식이다. 부하분산에는 Health Check 기능이 포함되어야 한다. 제3의 서버가 있고 모든 서버는 해당 서버와 연결이 되어있다. LB와도. 제3 서버가 CPU, RAM, Disk 여유공간 등을 가.. 공감수 0 댓글수 0 2024. 4. 14.
[네트워크 응용] 공유기 작동 원리 공유기 작동 원리 공유기는 NAT 기술이 적용되어 있다. NAT란 Network Address Translation, 즉 주소 변환이란 뜻이다. IP 주소에는 public과 private이 있다. 원래 host 하나당 public IP 하나가 있어야 하는데, NAT는 public IP 하나를 가지고 여러 host가 동시에 사용할 수 있게 해주는 기술이다. IP 주소와 포트 모두 제어할 수 있다. IPv4 주소는 총 42억개가 있는데, IP 주소 부족문제를 해결해준다. (IPv6는 부족 문제 없다) 구조에 따른 분류 Cone NAT 여러 종류가 있지만, 외부 포트와 연동할 때 단위가 host로 가면 Cone이다. Symmetric NAT TCP, UDP 같은 session이 있고, 세션마다 외부 포트를 지.. 공감수 0 댓글수 0 2024. 4. 14.
[네트워크 응용] Proxy Proxy Server + Socket 수준 + Stream 데이터 Proxy 서버의 목적 1 - 우회 다이렉트로 웹서버에 접근을 하면 웹서버 측에서는 누가 접속했나 IP를 알 수 있다. Proxy 서버를 통해 web server에 접근을 하면 web server 측에서는 프록시 서버를 접속 서버로 인식한다. = 프록시 서버 설정을 하면 해당 프록시 서버 IP로 IP 주소를 감출 수 있다. 속도는 돌아가는 만큼 느리지만 접속은 가능하다. (이 방법으로 한국에서 차단되는 사이트에 접속 가능하다.) Proxy 서버 구조 Proxy 서버에서는 Socket을 2개 연다. Listen과 Client Listen Socket으로 외부의 접속을 받고 (사용자 접속) Client Socket으로 대신 접속을 해준다. .. 공감수 0 댓글수 0 2024. 4. 3.
[네트워크 응용] 네트워크 장치의 구조 [외워서 끝내는 네트워크 핵심이론 - 응용] 강의 정리 글 3가지 네트워크 장치 구조 Inline Our of Path Proxy 하나씩 간단히 살펴보자. 각각의 특징을 보면 다음과 같다. Inline : Packet, Drop/ByPass + Filtering 다루는 데이터 단위는 Packet이다. 패킷이 통과할 때 Drop(차단)할지, ByPass(허용)할지 필터링 한다. Out of Path : Packet, Read Only, Sensor 데이터 단위는 Packet 주 목적은 인지하는 것. 즉, 센서다. 네트워크 장치 중 패킷을 복사해 전달받아 이를 분석하는 장치가 있다. 이 결과를 알려주는 장치들을 연결할 수 있는 포인트를 Tapping Point라고 하고, Tapping Point에 연결되는 .. 공감수 0 댓글수 0 2024. 3. 27.
[스프링 인 액션] Chapter 5 구성 속성 사용하기 이 글은 크레이그 윌즈의 "스프링 인 액션(5판)"을 읽고 간략히 정리한 글이다. Auto-Configuration 세부 조정 스프링 환경 추상화environment abstraction란 구성 가능한 모든 속성을 한 곳에서 관리하는 개념을 말한다. 다음같은 속성으로부터 원천 속성을 가져와서 앺르리케이션 컨텍스트 빈이 사용할 수 있게 해준다. JVM 시스템 속성 운영체제 환경변수 명령행 인자 command-line argument 애플리케이션 속성 구성 파일 *.xml, *.yml, *.properties 파일에 datasource, 서버, 로깅 등의 속성을 정의할 수 있다. (예시 ↓↓↓) spring: datasource: jndi-name: server: port: 3000 ssl: key-stor.. 공감수 0 댓글수 0 2022. 7. 3.
[스프링 인 액션] Chapter 4 스프링 시큐리티 이 글은 크레이그 윌즈의 "스프링 인 액션(5판)"을 읽고 간략히 정리한 글이다. 스프링 시큐리티 활성화 pom.xml에 의존성 추가 org.springframework.boot spring-boot-starter-security org.springframework.security spring-security-test 첫번째는 스프링 부트 보안 의존성이고, 두번째는 보안 테스트 의존성이다. 그러면 위와 같이 기본 인증 대화상자가 나타난다. (어느 페이지를 접속하던 /login으로 리다이렉트) (user / password는 무작위로 자동 생성) 보안 스타터를 프로젝트 빌드 파일에 추가만 했을 때 제공되는 기본 보안 구성 모든 HTTP 요정 경로는 인증authentication되어야 한다. 어떤 특정 역할.. 공감수 0 댓글수 0 2022. 6. 16.
GitHub Action을 사용해 PR 올릴 때 자동으로 build 하기 PR을 올릴 때마다 자동으로 Build가 잘 되는지 체크했으면 좋겠다. GitHub Action으로 이를 구현해보자. Action 생성 GitHub Repository의 Actions 탭에 들어가면 여러가지 Action 예시가 나와있다. 나는 여기서 Java Spring 프로젝트를 빌드할 것이므로 'Java with Gradle'을 선택한다. (github action 문법을 안다면 그냥 처음부터 새로 만들어도 된다.) 그리고 아래와 같이 입력한다. name: Java Spring Build on: [pull_request] jobs: changes: runs-on: ubuntu-latest outputs: backend: ${{ steps.filter.outputs.backend }} steps: - .. 공감수 0 댓글수 0 2022. 6. 11.
[스프링 인 액션] Chapter 3 데이터로 작업하기 이 글은 크레이그 윌즈의 "스프링 인 액션(5판)"을 읽고 간략히 정리한 글이다. 데이터를 저장하고 관리하는 법 JDBC JDBC 의존성을 추가한 후, 인터페이스와 구현 클래스를 둔다. public interface IngredientRepository { Iterable findAll(); Ingredient findById(String id); Ingredient save(Ingredient ingredient); } @Repository public class JdbcIngredientRepository implements IngredientRepository { private JdbcTemplate jdbc; @Autowired public JdbcIngredientRepository(JdbcTe.. 공감수 0 댓글수 0 2022. 5. 8.
React 기초 본 글은 생활코딩 「React 2022 개정판」 영상을 보고 간단히 정리한 글이다. React 환경설정 Node.js 설치 nodejs.org 사이트에 들어가서 Node.js를 설치한다. 현시점 버전은 v16.14.2 create-react-app을 이용한 React 프로젝트 설치 npx create-react-app . .은 현재 디렉토리를 뜻한다. 소스코드 수정 방법 index.js가 기본 파일이다. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; ReactDOM.rend.. 공감수 0 댓글수 0 2022. 4. 25.
[스프링 인 액션] Chapter 2 웹 어플리케이션 개발하기 이 글은 크레이그 윌즈의 "스프링 인 액션(5판)"을 읽고 간략히 정리한 글이다. 정보 보여주기 데이터를 가져오고 요청을 처리하는 것이 컨트롤러. 데이터를 저장하는 것이 모델. 브라우저에 보여주는 데이터를 HTML로 나타내는 것은 뷰. @Slf4j → 이 애노테이션은 다음 코드를 추가한 것과 같은 효과를 낸다. private static final org.slf4j.Logger log = org.slf4j.LoggerFactory.getLogger(클래스이름.class); @Controller 애노테이션은 클래스가 컨트롤러로 식별되게 하며, 컴포넌트 검색이 되게 한다. Application Context가 Bean으로 이 클래스의 인스턴스를 자동 생성한다. @RequestMapping, @GetMappi.. 공감수 0 댓글수 0 2022. 4. 18.
[스프링 인 액션] Chapter 1 스프링 시작하기 이 글은 크레이그 윌즈의 "스프링 인 액션(5판)"을 읽고 간략히 정리한 글이다. 스프링이란? Spring Application Context : 스프링에서 제공하는 컨테이너Container. 애플리케이션 컴포넌트들을 생성하고 관리한다. Bean 빈 : 애플리케이셔 컴포넌트 의존성 주입 Dependency Injection : 컴포넌트에 의존하는 다른 빈의 생성과 관리를 컨테이너가 해준다. XML 또는 자바로 Configuration 설정을 할 수 있는데, 보통은 Auto Configuration(자동 구성)이 있어서 알아서 다 해준다. Auto Configuration은 autowiring(자동 연결)과 component scan(컴포넌트 검색)을 기반으로 한다. component scan을 통해 cl.. 공감수 0 댓글수 0 2022. 4. 8.
[스프링 프레임워크 Core] 스프링 IoC 컨테이너와 빈 [인프런] 백기선 님의 강의 「스프링 프레임워크 핵심 기술」을 듣고 정리 IoC Inversion of Control : 의존 관계 주입(Dependency Injection)이라고도 하며, 어떤 객체가 사용하는 의존 객체를 직접 만들어 사용하는 게 아니라, 주입 받아 사용하는 방법을 말한다. 스프링 IoC 컨테이너 BeanFactory 애플리케이션 컴포넌트의 중앙 저장소 빈 설정 소스로부터 빈 정의를 읽어들이고, 빈을 구성하고 제공한다. 빈(Bean) 스프링 IoC 컨테이너가 관리하는 객체 장점 의존성 관리 스코프 : 싱글톤 라이프사이클 인터페이스 빈에 등록되어 있는 객체를 손쉽게 주입받아서 사용할 수 있다. 스프링 IoC 컨테이너에 등록되는 빈들은 기본적으로 싱글톤 스코프로 등록이 된다. 싱글톤이란 .. 공감수 0 댓글수 0 2020. 6. 6.
[Git - CLI] 버전 관리 생활코딩의 [Git CLI - 버전관리] 강의를 듣고 정리하는 글. Command Line에서 Git을 실행하는 법을 알아보자. Git-CLI의 장점 일단 익숙해지면 복잡한 GUI 없이 간단하게 Git을 다룰 수 있다. 명령어의 특성상 처리해야 할 일을 한번에 명령해서 자동화를 할 수 있다. GUI로 제어할 수 없는 서버 환경에서도 사용할 수 있는 유일한 방법이다. 저장소를 만드는 방법 git init 초기화. 현 디렉토리를 git에게 버전관리 시키는 것. 해당 명령어를 실행하면 .git 폴더가 생긴다. 이것이 git repository(저장소)다. 버전을 생성하는 방법 Working Tree : 파일을 수정하는 곳. 개발, 작업을 하는 곳 Staging Area : 버전을 만들 파일을 두는 곳 Repo.. 공감수 0 댓글수 0 2020. 6. 5.
[클래스] Class(2) [이것이 자바다] 책으로 공부하고 정리하는 글 필드 필드에는 객체의 ①고유 데이터, ②부품 객체, ③현재 상태 데이터 등의 내용이 들어간다. 필드 선언 타입 필드[ = 초기값];// [ ] 부분은 생략해도 되는 부분 Ex) String company = "Kakao"; bool isLogin; 초기값이 지정되지 않은 필드는 객체 생성시 자동으로 기본값으로 초기화된다. 필드 사용 필드 값을 읽고, 변경하는 작업 객체 내부 : "필드 이름"으로 바로 접근 객체 외부 : "변수.필드 이름"으로 접근 class Car { int speed; Car() { speed = 0;// 바로 접근 } void method() { speed = 10;// 바로 접근 } } void main() { Car car = new.. 공감수 0 댓글수 0 2020. 6. 4.
[클래스] Class (1) [이것이 자바다] 책으로 공부하고 정리하는 글 객체와 클래스 클래스는 객체를 정의한 것. 클래스에는 객체를 생성하기 위한 필드와 메소드가 정의되어 있다. 클래스로부터 만들어진 객체를 해당 클래스의 인스턴스라고 한다. 하나의 클래스로부터 여러 개의 인스턴스를 만들 수 있다. 즉, 클래스는 객체를 만들기 위한 설계도고 이 설계도로 만들어진 것이 곧 객체다. 클래스 선언 소스 파일 생성: 클래스이름.java ㅡ(컴파일)→ 클래스이름.class(바이트 코드 파일) public class 클래스이름 { } 소스 파일 당 하나의 클래스를 선언하는 것이 관례지만 두 개 이상의 클래스도 선언이 가능하다. (but 권장X) 소스 파일 이름과 동일한 이름의 클래스만 public으로 선언할 수 있다. 선언한 개수만큼 바이트.. 공감수 0 댓글수 0 2020. 6. 4.
[클래스] 객체지향 프로그래밍 [이것이 자바다] 책으로 공부하고 정리하는 글 객체지향 프로그래밍 OOP = Object Oriented Programming 객체를 만들고 이를 조립해 완성된 프로그램을 만드는 프로그래밍 기법 객체(Object)란? 물리적 혹은 추상적인 것들 중 속성과 동작을 가지는 모든 것. 객체는 필드(속성)와 메소드(동작)로 구성된 자바 객체로 모델링 할 수 있다. 현실세계의 객체를 소프트웨어 객체로 만드는 과정을 소프트웨어 객체 모델링이라고 한다. 객체의 상호작용 객체들은 서로 간에 메소드를 사용해 데이터를 주고 받는다. 객체 지향 프로그램에서 객체는 다른 객체와 여러 관계를 맺고 있다. 관계의 종류 집합 관계 : 완성품과 부품의 관계 (ex: 자동차 - 엔진, 타이어, 핸들) 사용 관계 : 객체가 다른 객체를.. 공감수 0 댓글수 0 2020. 6. 3.
[Deno] 신생 JS & TS 런타임 데노(Deno) [인프런] 따라하며 배우는 데노 강의를 듣고 정리 Deno란 Deno란 JavaScript와 TypeScript를 실행하기 위한 새로운 Command-line Runtime이다. Deno의 특징 기반 기술 1. Deno의 기반 기술은 V8 Javascript Runtime로 Node와 같다. 2. Node에서는 C++을 이용했는데 Deno에서는 Rust를 이용한다. 3. Tokio를 사용해 Event Loop를 컨트롤한다. 4. Deno에서는 TypeScript를 기본으로 사용할 수 있다. Deno는 왜 만들어졌을까? Deno는 Node.js를 만든 사람이 만들었다. (Ryan Dahl) 그는 Node.js를 만들고 한참 뒤에 Node.js의 단점과 오래된 기술들이 쓰였다는 것을 깨달았다. 그러나 Nod.. 공감수 1 댓글수 0 2020. 6. 2.
스프링 AOP & PSA [인프런] 백기선 님의 강의 「예제로 배우는 스프링 입문 (개정판)」 을 듣고 정리 스프링 AOP AOP란 Aspect-Oriented Programming의 약자로 관점 지향 프로그래밍이란 뜻이다. 흩어진 코드를 한 곳으로 모은다고 생각하면 된다. 코드를 예시로 들자면, class A { method a() { AAAA 오늘은 7월 4일 미국 독립기념일입니다. BBBB } method b() { AAAA 저는 아침에 운동을 다녀와서 밥을 먹고 빨래를 했습니다. BBBB } } class B { method c() { AAAA 점심은 마파두부를 먹었습니다. BBBB } } 이와 같이 각기 다른 메소드, 다른 클래스에서 'AAAA', 'BBBB' 부분이 반복되고 있다. 이런 공통 부분을 따로 모아서 별도의.. 공감수 0 댓글수 0 2020. 5. 31.
스프링 IoC [인프런] 백기선님의 강의 「예제로 배우는 스프링 입문 (개정판)」 을 듣고 정리 스프링 IoC IoC = Inversion of Control IoC란 제어권이 역전되었다. 는 의미다. 일반적인 경우, 자기가 만든 의존성을 자기가 사용한다. 이 의존성에 대한 제어권이 역전되었다는 것은 이 제어권을 원래는 자기자신이 가지고 있었는데 다른 누군가에게 넘어갔다는 의미이다. 다음 코드를 봐보자. class OwnerController { private OwnerRepository repository = new OwnerRepository(); } 위 코드에서 OwnerController 클래스는 내부에서 OwnerRepository 객체를 직접 만들어 쓴다. 이 경우, 의존성에 대한 제어권이 자기자신에게 있다.. 공감수 0 댓글수 0 2020. 5. 29.
[Web] RESTful API 이 글은 「그런 REST API로 괜찮은가」 라는 Naver D2의 유튜브 영상을 매우 많이 참고해서 작성되었다. REST API란 무엇인가? REST 아키텍쳐 스타일을 따르는 API가 REST API다. REST를 기반으로 서비스 API를 구현한 것 RESTful하다는 것은 REST API를 제공하는, REST의 스타일을 잘 지키는 시스템을 RESTful하다고 할 수 있다. REST란? Representational State Tranfer의 약자. 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미한다. 월드 와이드 웹(WWW)과 같은 분산 하이퍼미디어 시스템을 위한 아키텍쳐 스타일. REST는 네트워크 상에서 Client와 Server 사이의 통신 방식 중 하나로, 웹의 기존 기술.. 공감수 0 댓글수 0 2020. 5. 2.
[리뷰] 호숫가 살인사건 https://book.naver.com/bookdb/book_detail.nhn?bid=15134256 호숫가 살인사건 호수 밑바닥에 가라앉아야만 했던 진실!입시에 대한 그릇된 열망과 그에 얽힌 부모들의 욕망을 소재로 2002년 출간된 히가시노 게이고의 소설 『호숫가 살인사건』. 대다수가 욕망하는 명문학교 입학이라는 소재를 중심으로 가족, 부부의 충격적인 이야기를 다룬 이 작품은 히가시노 게이고 엔터테인먼트 문학의 본보기를 보여주는 수작으로 꼽힌다.유명 사립학교 입학을 목표로 합숙 과외를 위해 호숫가 별장에 모인 네 가족과 한 명의 학원 강사. 자식들을 명문대에 꼭 보내겠 book.naver.com 히가시노 게이고의 추리소설로, 입시에 대한 그릇된 열망과 그에 얽힌 부모들의 욕망을 소재로 하고 있다. .. 공감수 0 댓글수 0 2020. 4. 30.
앗싸^^ 가뭄에 단비가...! ㅠㅠ 코로나 땜시 춘천 연수원에 가는 게 취소된 건 아쉽지만 그래도 간만에 좋은 소식이라 좋다^^ 공감수 0 댓글수 0 2020. 4. 30.
[프로그래밍 기본] 객체지향 프로그래밍이란? 객체지향 프로그래밍이란? 프로그래밍 패러다임 중 하나로, 함수와 자료형을 함께 묶어 객체를 만들고 그 객체를 이용해 프로그래밍을 하는 프로그래밍 기법을 뜻한다. 그렇다면 패러다임이란 무엇일까? 정의: 패러다임이란 어떤 한 시대 사람들의 견해나 사고를 지배하고 있는 이론적 틀이나 개념의 집합체. 라고 한다. 그렇다면 이전에는 어떤 패러다임이 있었을까? 1. 순차적 / 비구조적 프로그래밍 이전에는 그냥 단순하게 계속 순서대로 추가해가며 구현하는 방식이 있었다. 그러다가 이전에 작성했던 코드가 필요해지면 goto문을 사용해서 되돌아갔다. 그러나 규모가 커지면 goto문을 무분별하게 사용하게 되고, 코드가 꼬이게 된다. 코드가 어떻게 연결되어 있는지 파악하기 어려워 진다. 2. 절차적 / 구조적 프로그래밍 반복.. 공감수 0 댓글수 0 2020. 4. 30.
[Typescript] Interface (인터페이스) 기본적인 사용법 interface Person { name: string; age: number; } const person: Person = { name: 'Mark', age: 35 }; function hello(p: Person): void { console.log(`안녕하세요 ${p.name}`); } optinal property 1 // 이렇게 하면 age는 있어도 되고 없어도 된다. interface Person { name: string; age?: number; } function hello(person: Person): void { console.log(`안녕하세요! ${person.name}입니다.`); } const p1: Person = { name: 'Mark', age: 35.. 공감수 0 댓글수 0 2020. 4. 24.
[리뷰] 곰돌이 푸, 행복한 일은 매일 있어 https://book.naver.com/bookdb/book_detail.nhn?bid=13394898 곰돌이 푸, 행복한 일은 매일 있어 디즈니의 사랑스러운 푸가 전하는 행복!『곰돌이 푸, 행복한 일은 매일 있어』는 푸의 메시지와 삽화가 담긴 책이다. 어떤 상황에서든 여유와 미소를 잊지 않는 곰돌이 푸를 다시 기억하고 만나는 일은, 반복되는 삶 속에서 무엇이 나를 행복하게 하는지를 잊어가는 우리에게, 다시 한 번 행복에 관한 희망과 의미를 되새기게 해줄 것이다. 귀엽고 사랑스러운 모습부터 엉뚱한 모습까지 우리를 자꾸만 웃음 짓게 만드는 푸를, 진심 어린 말로 우리의 마음을 자꾸만 무장 해제 book.naver.com 이 책은 곰돌이 푸의 메시지와 삽화가 담긴 책이다. 글보다는 삽화가 대부분이고 글도 .. 공감수 1 댓글수 1 2020. 4. 24.
[Typescript] Type assertion, Type alias Type assertion 형변환과는 다르다. '타입이 이것이다' 라고 컴파일러에게 알려주는 것을 의미한다. 문법적으로 두가지 방법이 있다. 변수 as 강제할 타입 (권장) 변수 let value: any = "this is a string"; let strLength: number = (value).length; let strLength: number = (value as string).length; /* 1. 주로 넓은 타입에서 좁은 타입으로 강제하는 경우가 많다. 2. jsx에서는 as를 쓴다. */ Type alias 별명. 인터페이스와 비슷하다. 주로 쓰는 경우 : Primitive, Union Type, Tuple. 여러번 쓸 때. 직접 작성해야 하는 타입을 다른 이름으로 지정할 수 있다. 만.. 공감수 0 댓글수 0 2020. 4. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.