티스토리

초집중

검색하기

블로그 홈

초집중

choiblog.tistory.com/m

초집중 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

Pods란 개요 쿠버네티스는 작업자 노드에 직접 컨테이너를 배포하지 않습니다. 컨테이너는 쿠버네티스 객체라고 불리는 Pod라는 형태로 포장되어 제공됩니다. Pod는 애플리케이션의 단일 인스턴스로 쿠버네티스에서 만들 수 있는 가장 작은 물체입니다. 만약 단일 노드 쿠버네티스 클러스터와 단일 인스턴스 포드 형태의 애플리케이션을 실행 중일 때, 엑세스하는 사용자 수가 증가해 앱 규모를 늘려야합니다. 이런 상황에서 스핀업할 때 같은 애플리케이션의 새로운 인스턴스로 완전히 새로운 pod를 만들어냅니다. 만약 유저가 더 증가해 현재 노드가 충분한 용량을 확보하지 못할 경우, 클러스터의 새 노드에 추가 배포를 할 수 있습니다. 클러스터의 물리적인 용량을 확장할 수 있습니다. 따라서 정리해보면 다음과 같습니다. Pod는 애플리케.. 공감수 0 댓글수 0 2024. 4. 12.
Kubernetes overview 개요 컨테이너와 오케스트레이션을 이해해야합니다. Container 기존 환경에선 호환성 메트릭스가 생겨 새로운 환경 구측이 매우 어렵습니다. 개발, 테스트, 제작 환경도 전부 달랐습니다. 호환성 문제를 해결할 수 있는 무언가가 필요했습니다. 컨테이너는 자신만의 프로세스나 서비스, 네트워크, 인터페이스 마운트를 가상 머신과 동일하게 가질 수 있으며, 동시에 커널이라는 운영체제를 공유합니다. 운영체제는 두 가지로 구성(OS 커널과 소프트웨어 세트) 커널은 하드웨어와 상호작용 소프트웨어가 운영 체제를 다르게 만듭니다.(드라이버, 컴파일러, 파일관리자, 개발자 도구 등등..) 운영체제 구조 안에서 커널을 공유합니다. 만약 다른 커널(윈도우)을 공유할 필요가 생기게 된다면 윈도우 서버의 Docker를 사용해야합니.. 공감수 1 댓글수 1 2024. 4. 12.
Docker 배포 최적화 개요 배포환경을 단순히 npm start⁠ 를 통한 개발 서버로 시작하기에는 프로덕션 환경에서 최적화 되지않아 너무 느리게 동작합니다. 따라서 프로덕션을 위해 자체 빌드 스크립트를 통해 가져와 코드 컴파일 및 최적화를 수행하고 최적화된 파일만 전달하여 실제로 더 효율적으로 사용할 수 있게 해야합니다. 빌드전용 컨테이너 만들기 React로 개발한 프로젝트에서 기본적으로 개발과 프로덕션 환경은 서로 다르게 실행되어야 합니다. 다시말해, 두 가지의 다른 환경을 설정해야하며 어떠한 환경을 구축해야하는지를 이해해야합니다. 특히 React를 사용하는 프로젝트를 배포하고자 빌드했을 때의 결과물은 nodejs가 필요없는 파일들을 생성하게 되며, 이는 사용자 환경에서 실행되는 것이지 서버의 Node.js 환경에서 실행되.. 공감수 1 댓글수 1 2024. 4. 10.
Docker 배포 ⁠도커를 수동으로 설치하고 배포하는 방식 호스트머신(EC2)에 처음부터 모든 것을 설치하게 되면 높은 자유도를 갖지만 그만큼의 단점을 얻게 됩니다. 보안부터 네트워크, 운영까지 리모트 머신의 구성에 대한 모든 책임을 가지게 됩니다. 충분한 컴퓨팅 파워, 트래픽 모니터링, 시스템 버전 업데이트까지 항상 최신 상태로 유지해야하며 관리 책임의 의무가 있습니다. 여러가지 기본 환경을 익혀야할 필요가 있으며, 배포 워크플로를 구성하는 명령어를 만들어야합니다. 완전히 다른 기술이 필요합니다. 애플리케이션 자체, 다중 컨테이너 애플리케이션, 규모가 큰 애플리케이션 등등 해야할 작업을 실제로 파악하고 행동해야한다는 점이 있습니다. 이러한 부분을 해결하기 위해 우리는 관리형 서비스를 이용하게 됩니다. ⁠⁠수동배포에서 관.. 공감수 0 댓글수 0 2024. 4. 3.
PyTorch 튜토리얼 PyTorch 튜토리얼 https://pytorch.org/tutorials/beginner/blitz/tensor_tutorial.html https://tutorials.pytorch.kr/beginner/basics/intro.html 텐서는 배열 및 행렬과 매우 유사한 특수한 데이터 구조입니다. PyTorch에서는 텐서를 사용하여 모델의 입력과 출력은 물론 모델의 매개변수도 인코딩합니다. 텐서는 GPU나 기타 특수 하드웨어에서 실행되어 컴퓨팅을 가속화할 수 있다는 점을 제외하면 NumPy의 ndarray와 유사합니다. Python 기반의 패키지로 다음과 같은 두 가지를 대상으로 합니다: NumPy를 대체하고 GPU의 연산력을 사용 최대한의 유연성과 속도를 제공하는 딥러닝 연구 플랫폼 Pytorch.. 공감수 0 댓글수 0 2024. 4. 1.
Docker Compose 다수의 docker build와 docker run 명령을 대체할 수 있는 단 하나의 구성으로 가지며 모든 컨테이너를 즉시 시작할 수 있습니다. 필요하다면 모든 이미지를 빌드하는 오케스트레이션 명령 도구 중 하나입니다. 하나의 명령을 사용하여 모든 컨테이너를 중지하고, 시작할 수 있습니다. ⁠⁠Docker Compose가 안되는 것 Dockerfile을 대체할 수 없습니다. 이미지나 컨테이너를 대체할 수 없습니다 다수의 호스트에서 컨테이너를 관리할 수 없습니다. Docker Compose Files 작성하기 컴포즈 파일에서 중요한 요스는 Service(컨테이너)⁠입니다. 포트 오픈 환경 변수 볼륨 네트워크 ... 기본적으로 터미널을 통해 도커 명령으로 할 수 있는 모든 것을 정의할 수 있습니다. 컴포즈 .. 공감수 0 댓글수 0 2024. 3. 21.
Amazon Bedrock과 Langchain Workshop Generative AI on AWS Bedrock의 기능적 특징 함수 하나로 여러 개의 모델을 호출하고 다양한 결과없을 얻을 수 있습니다. LangChain과 통합 고객 데이터는 사용지않고 보안을 유지 가능 Private Link 지원 → TLS, 암호화, 보안까지 모두 지원합니다. 프롬프트 엔지니어링 기법 AI가 수행해야하는 작업을 설명하는 자연어 텍스트를 프롬프트라고 합니다. 프롬프트에 따라 성능이 달라지며, 경험적 과학입니다. 프롬프트를 계속 훈련하고 살을 붙여야합니다. Prompt Engineering을 사용하여 개선 가능 Human Assistant 명확하고 구체적인 작업 지시가 필요 XML 태그를 자주 사용할 것 예제 사용 단계별로 생각하기 역할 할당하기 데이터와 지시 분리하기 RAG 학습 .. 공감수 3 댓글수 0 2024. 3. 21.
Docker network 컨테이너 내부에서 네트워크를 사용하여 다수의 컨테이너를 연결하고 실행 중인 애플리케이션을 로컬 호스트 머신에 연결해야합니다. ⁠Containers & Network Requests 컨테이너가 통신하는 대상은 여러 종류의 대상이 있을 수 있습니다. 컨테이너 내부에서 외부 인터넷으로 요청을 전송하는 경우 특별한 설정없이 바로 작동할 수 있습니다. 컨테이너와 로컬 호스트 머신 간 통신하는 경우 mongodb://host.docker.internal:27017/swfavorites⁠ 위 도메인을 통해 도커 컨테이너 내부에서 알 수 있는 방식으로 호스트 머신의 IP주소로 변환됩니다. 도메인을 작성하면 도커가 알아서 변환해줍니다. host.docker.internal⁠을 URL, 즉 도메인으로 사용해야합니다. 컨테.. 공감수 0 댓글수 0 2024. 3. 20.
Docker ARG / ENV Variables(인수와 환경변수) ARG Dockerfile에서 특정 Dockerfile 명령으로 다른 값을 추출하는데 사용할 수 있는 유연한 데이터 비트, 인수를 설정할 수 있습니다. ENV Dockerfile 내부의 ENV옵션으로 설정할 수 있습니다. 이러한 방식을 통해 하드 코딩할 필요 없이 유연한 이미지와 컨테이너를 만들 수 있습니다. ENV PORT 80 # docker에게 $ 뒤에 있는 변수가 환경 변수임을 알려야합니다. # 그래야만 PORT 환경 변수를 찾고 거기에 저장된 값을 호출합니다. EXPORT $PORT docker run ⁠--env PORT=8000 # or docker run ... --env-file ./.env 환경 변수(ENV) 및 보안에 대한 한 가지 중요한 참고사항 환경 변수에 저장하는 데이터의 종류에.. 공감수 0 댓글수 0 2024. 3. 18.
이미지와 컨테이너 이미지와 컨테이너란 컨테이너 애플리케이션을 실행하는 전체 환경 등 무엇이든 포함하는 작은 패키지 결국 컨테이너에는 소프트웨어 실행 유닛이 존재하고 우리는 그것을 단순히 실행시키는 것 이미지 dissolver로써 템플릿으로써 컨테이너의 블루 프린트로 활용 코드와 코드를 실행하는데 필요한 도구를 포함 그런 다음 컨테이너가 실행되어 코드를 실행시킨다. 한 번만 정의하면 다른 시스템과 다른 서버에서 여러번 실행 가능 즉 이미지는 모든 설정 명령과 모든 코드가 포함된 공유 가능한 패키지이며 컨테이너는 그러한 이미지의 구체적인 실행 인스턴스이다. 이미지를 기반으로 컨테이너를 실행하는게 핵심 이미지를 생성하고 가져오는 방법 이미 존재하는 이미지를 가져와서 실행하는 방식 Docker Hub 혹은 커뮤니티에서 만든 이미.. 공감수 1 댓글수 2 2024. 2. 3.
MySQL Workbench를 통한 덤프 데이터 생성하기 터널 생성 ssh -L 9999: @ -i -N 테스트 DB 가져오기 https://github.com/datacharmer/test_db git clone path 추가 SQL 스크립트에서 source 명령어를 사용하여 외부 파일을 불러올 때, 정확한 경로를 지정해야 합니다 employees.sql > source > local directory employees_partitioned.sql > source > local directory Linux/Mac의 경우 pwd 명령어를 활용하여 현재 위치한 working directory 확인 가능합니다. Example SELECT 'LOADING departments' as 'INFO'; source /Users/byeongjuchoi/Infrastruct.. 공감수 0 댓글수 0 2024. 1. 31.
Docker 시작하기 https://www.udemy.com/course/docker-kubernetes-2022/ 강의를 참고하였습니다. Docker란 컨테이너를 생성하고 관리하기 위한 도구 컨테이너를 왜 사용해야할까 소프트웨어 개발에서 컨테이너는 표준화된 소프트웨어 유닛 기본적으로 코드 패키지이며 해당 코드를 실행하는데 필요한 종속성과 도구가 포함되어 있다. 도커로 빌드된 컨테이너가 있는 javascript 애플리케이션의 경우 해당 컨테이너에는 애플리케이션 소스 코드 뿐만 아니라 NodeJS 런타임 그리고 코드를 실행하는데 필요한 기타 도구가 있을 수 있다. 똑같은 컨테이너는 어디에서 누가 실행하든 항상 똑같은 동작을 실행한다. 따라서 도커를 정리하면 단순히 컨테이너를 생성하고 관리 프로세스를 단순화하는 도구라고 정리할 .. 공감수 0 댓글수 0 2024. 1. 30.
Terraform을 활용한 ECS와 ECR 개념정리 Process Terraform Packer가 AMI를 빌드하는 것과 비슷하게 도커를 사용해서 도커 이미지를 빌드할 수 있습니다. 해당 이미지는 도커 엔진이 설치된 모든 리눅스 호스트에서 실행 가능합니다. ECR ECR 생성하기 provider "aws" { region = var.AWS_REGION } resource "aws_ecr_repository" "myapp" { name = "myapp" } output "myapp-repository-URL" { value = aws_ecr_repository.myapp.repository_url } Docker build docker build -t {AWS account ID}.dkr.ecr.{Region Code}.amazonaws.com/{REPOS.. 공감수 0 댓글수 1 2024. 1. 13.
테라폼 기초 기본 명령어 // 프로덕션 환경에선 중요하다 terraform plan -out file.terraform terraform apply file.terraform // 프로덕션에서는 주의할 것 terraform destroy 변수 유형 string, number, bool List 배열 map key - value set 유니크한 값들로 구성 Object Map과 유사하지만 각 키가 다른 value 타입을 가질 수 있음 tuple list와 같지만 각 요소가 다른 값들을 가질 수 있음 Terraform 변수 secrets한 값들을 숨김 credentials 변화되는 값들을 관리 AMIs, type, value 코드 관리 variables.tf 에서 변수를 관리 terraform.tfvars , .env .. 공감수 0 댓글수 0 2024. 1. 5.
테라폼 ec2 튜토리얼 테라폼 ec2 튜토리얼 terraform { required_providers { aws = { source = "hashicorp/aws" version = "~> 4.16" } } required_version = ">= 1.2.0" } provider "aws" { region = "ap-northeast-2" } # 리소스 유형, 이름 resource "aws_instance" "app_server" { # 고유 아이디로 생서됨 ami = "ami-05e02e6210658716f" # 우분투 instance_type = "t2.micro" tags = { Name = "ExampleAppServerInstance" } } 리전마다 ami는 다르다 resource "aws_instance" "app.. 공감수 0 댓글수 1 2023. 12. 15.
React 라이프사이클 개요 https://www.zerocho.com/category/React/post/579b5ec26958781500ed9955 https://www.zerocho.com/category/React/post/5f9a7c8807be1d0004347311 https://www.zerocho.com/category/React/post/5f9a6ef507be1d0004347305 라이프사이클 포스트를 읽고 제가 이해한 방식으로 정리한 글입니다. React 컴포넌트 라이프사이클 생애주기 또는 라이프사이클로 많이 표현되며 React의 모든 컴포넌트가 실행되거나 업데이트, 제거될 때 특정한 이벤트들이 발생하게 된다. Class 컴포넌트 라이프사이클 Mount 컴포넌트가 처음 실행될 때 발생하는 이벤트들 context.. 공감수 0 댓글수 1 2023. 10. 17.
React Virtual DOM 정리 가상돔을 이해하기 위해서 우선 브라우저 렌더링 과정을 알아야한다. 브라우저 렌더링 과정 HTML 파일을 파싱하여 DOM Tree 생성 CSS 파일을 파싱하여 CSS Object Model (CSSOM) 생성 Render Tree를 통해 Layout(레이아웃) 생성 요소의 크기와 위치를 결정한다 이 과정을 reflow라고도 한다 Painting을 통해 스타일을 생성한다 스타일 정보를 기반으로 실제 화면에 렌더링됨 요소 업데이트 document.getElementById('some-id').innerValue = 'updated value'; 해당 ID를 찾기 위해 HTML을 파싱 해당 요소의 하위 요소를 제거 DOM update, CSS update 레이아웃 업데이트 트리를 순회하며 화면에 다시 Repai.. 공감수 0 댓글수 0 2023. 10. 16.
Rest API 설계시 네이밍과 기본규칙 RestfulAPI 네이밍과 기본규칙 Restful API설계를 위한 네이밍규칙 Restful API는 URI를 통해 리소스를 식별합니다. 통합 자원 식별자(Uniform Resource Identifier, URI)는 인터넷에 있는 자원을 나타내는 유일한 주소 Uniform: 리소스를 식별하는 통일된 방식 Resource: URI로 식별 가능한 모든 종류의 자원을 지칭 Identifier: 다른 항목과 구분하기 위해 필요한 정보 이러한 리소스를 더 명확하게 식별하기 위해 네이밍 규칙이 필요합니다 명사를 사용할 것 Restful API는 명사 리소스를 참조해야함 리소스를 세가지 카테고리에 따라 하나의 원형으로 만들어야한다 문서 하나의 파일, 인스턴스, 데이터베이스 레코드 → 문서 리소스를 표시하려면 단수.. 공감수 0 댓글수 0 2023. 10. 4.
Github Action + PM2로 CI/CD 구축하기 개요 웹 서비스를 운영하면서 필수적인 배포 전략을 많이 조사해보고 고민해보았습니다. 배포 환경을 실제 구현하기 위한 방법은 많기 때문에, 우선 가장 좋은 배포 전략을 고민해보고자 했고 이를 간단히 정리해보았습니다. 배포전략 롤링 배포 하나씩 새 버전으로 업데이트한다 → 로드밸런서로 트래픽을 제어하거나 새로운 서버를 올려 트래픽을 하나씩 제어한다 여러 오케스트레이션 도구에서 지원하고 신버전 장애 발생시 격리될 수 있다는 점, 신버전이 빠르게 릴리즈될 수 있다는 장점이 있다 하나씩 배포되기 때문에 대규모 배포작업이 일어나게되면 상당히 시간이 오래걸리게 된다. 뿐만 아니라 오류가 격리될 순 있지만 복구하는데 시간이 많이 발생할 수 있다. 블루/그린 서버를 두 그룹으로 나누게 된다 블루/그린. 실제 운영되는 그.. 공감수 1 댓글수 0 2023. 7. 29.
GCP CE http -> https 리다이렉트 하기 전역 외부 HTTP(S) 부하 분산기(기본)의 HTTP-HTTPS 간 리디렉션 설정 | Google Cloud 전역 외부 HTTP(S) 부하 분산기(기본)의 HTTP-HTTPS 간 리디렉션을 설정합니다. cloud.google.com 공식문서에서 따라하면 쉬운데 헷갈리는 부분만 정의했다. IP 주소를 HTTPS 부하 분산기에 사용한 IP 주소와 동일한 IP 주소로 설정합니다. 위 설명에서 vpc 네트워크 → IP주소 항목에 들어가 만들어두었던 만들어 두었던 부하분산기 IP를 고정시켜야 한다. 이후 위 설정을 그대로 따라가면 끝난다. 회고 도메인이 달라서 쿠키 저장이 안되고 있어 하루종일 붙잡고 있다가 딱히 적을 내용이 없어 적었다. 공감수 0 댓글수 0 2023. 3. 15.
docker 자주 썼던 명령어, 설정들 간단하게 정리 네트워크 관련 기본적으로 도커 컨테이너는 격리되어 있다. 컨테이너간 통신을 하기 위해 네트워크를 정의해줘야하는데 compose를 활용해서 묶거나 새로 네트워크를 만들어서 만든 네트워크에 등록해준다. Compose networks: server-connection: driver: bridge db-connection: driver: bridge 개별 컨테이너 # 네트워크 만들기 docker network create # 네트워크에 연결하기 docker run --name --network # 예시 docker network create server-network docker run --name mysql-container --network server-network -v mysql-data:/var/lib.. 공감수 0 댓글수 0 2023. 3. 13.
GCP 인증서, 로드밸런서와 도메인 연결하기 Https 적용하기 구글 클라우드 플랫폼(GCP) Compute Engine에 HTTPS 적용하기 GCP에서 로드밸런서를 이용한 HTTPS적용기 keyhyuk-kim.medium.com GCP로 배포를 끝내고 도메인을 등록하고자 했다. 49,000원인데 할인해서 1900원에 1년 제공하는 것을 구매하였다 도메인을 가비아에서 구입하고 설정하려고보니 도메인 설정하는 부분이랑 ssl 인증서 관련하는 설정이 조금 겹치는거같아 같이 설정하기로 했고 위와 같은 자료를 참고해서 쉽게 설정할 수 있었다. 처음엔 프론트, 백이 왜 필요한건지 이해하지 못했는데 부하분산기와 보안적인 측면에서 이해할 수 있었고 이미지만 보더라도 쉽게 알 수 있었다. 모르는 부분은 세세하게 검색하면 금방 찾을 수 있었고 이 외로는 chatGP.. 공감수 0 댓글수 0 2023. 2. 28.
vanilla js로 간단하게 spa 구현 Vanilla JS로 SPA 구현 유튜브를 참고해서 바닐라 js로 간단하게 spa 구조를 잡는 것을 실습해보았다. 기존의 history 방식으로 구현된다는 것은 대충 알고 있었는데 실제로 구현해보니 잘 이해할 수 있었다. 조금 헷갈렸던 부분이 이벤트 리스너를 달아주는 부분이었는데 찾아보니 다양한 이벤트를 감지할 수 있었다는 것을 알았다. import Home from "./Home.js"; import Posts from "./Posts.js"; import Settings from "./Setting.js"; import NotFound from "./NotFound.js"; function navigateTo(url) { history.pushState(null, null, url); router().. 공감수 0 댓글수 0 2023. 1. 8.
WebPack을 사용하는 이유와 정리 Webpack이란 우선 웹팩을 간단히 설명하자면 여러 파일을 합쳐 정적인 하나의 파일로 만들어주는 tool을 웹팩이라고 한다. 아래 이미지를 보면 여러 경로로 엮인 파일들이 단순화 된다. 왜 Webpack을 사용해야할까? 이건 웹 개발의 역사를 알아보면 쉽다. 2000년대 초반 웹페이지는 각 페이지마다 새로운 html을 요청하면서 화면을 매번 다시 그리는 방식이었습니다. 이때 js도 마찬가지로 간단하게 DOM을 조작하는 역할 뿐이고 기능적으로 많은 역할이 필요하지 않지만 인터넷의 규모가 커지고 프론트/백의 구조로 구분되고, 이러한 아키텍쳐에서 SPA의 개념이 발전하며 수백가지의 js 파일이 포함되어 더 이상 이전의 방식으로 유지될 수 없었습니다. 따라서 웹팩이 등장하기 시작했고 총 3가지 이유로 정리할 .. 공감수 0 댓글수 0 2023. 1. 7.
SQL Injection이란? SQL Injection이란? SQL 인젝션(SQL 삽입 공격)은 악의적인 사용자가 데이터베이스와 연동된 웹 애플리케이션에서 조작된 질의(쿼리)문을 주입하여 웹 서비스에 대한 DB정보를 열람또는 조작할 수 있는 하나의 취약점입니다. 인젝션 공격은 OWASP Top10 중 첫 번째에 속해 있었으며, 공격이 비교적 쉬운 편이고 공격에 성공할 경우 큰 피해를 입힐 수 있는 공격입니다. OWASP : 웹에 관한 정보노출, 악성 파일 및 스크립트, 보안 취약점 등을 연구하는 회사로 보안에 큰 영향을 줄 수 있는 보안 취약점목록을 발표합니다. OWASP에서 발표한 10가지의 웹 보안위협 OWASP Top Ten | OWASP Foundation The OWASP Top 10 is the reference stand.. 공감수 0 댓글수 0 2022. 11. 13.
this란 js에서 this란? 일반적으로 js에서의 this는 다른 언어들과는 조금 다르다(C++, Java 등..) 브라우저 개발자 도구에서 콘솔로그로 this를 찍어보면 기본적으로 window 객체가 나온다. 함수에서 this를 호출해도 window지만 nodejs환경에서 this는 global 객체로 나온다. 하지만 최근에는 global this로 합쳐졌다고 한다 + strict모드 상에서는 this를 찍어보면 undefined가 된다. 이러한 부분은 단순히 console.log만 찍어봐도 알 수 있다(참고). 이렇게 나오는 이유 일반적으로 this는 호출될 때 결정된다. 현재 브라우저상에서 콘솔 로그를 찍어보면 전역 범위에서 호출되는데 이때 this는 브라우저 최상단에 window라는 전역객체를 가리키고 .. 공감수 0 댓글수 1 2022. 11. 2.
호이스팅이란? 개요 요즘 호이스팅에 관한 문제는 크게 없다. 왜냐하면 EsLint같은 곳들의 옵션 속에서 자동적으로 에러를 뿜어내서 변수를 항상 최상단에 선언할 수 있도록 만드는 하나의 장치가 마련되어있기도 하고 코드를 읽기 쉽게 만드는 여러 방식들 중에서 변수 위치는 상당히 중요한 부분이기 때문에 이론적인 지식들만 확인해보고 넘어가려고 한다. 호이스팅 호이스팅 - 용어 사전 | MDN JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 var로 선언한 경우 호이스팅 시 undefined로 변수를 초기화하는 반면 let 과 const 로 선언한 변수의 경우 호이스팅 시 변수를 초기화 하지 않습니다 js의 모든 선언에는 호이스팅이 발생하게 .. 공감수 0 댓글수 0 2022. 10. 31.
실행 컨텍스트란? 실행 컨텍스트 실행 컨텍스트는 상당히 중요함 lexical scoping과 이것만 이해하면 자바스크립트를 이해하는데 필수적인 개념인 호이스팅, 클로저를 모두 분석할 수 있습니다. 컨텍스트는 한국말로 문맥인데 쉽게 코드의 실행 환경이라고 이해하면 된다 var name = 'zero'; // (1)변수 선언 (6)변수 대입 function wow(word) { // (2)변수 선언 (3)변수 대입 console.log(word + ' ' + name); // (11) } function say () { // (4)변수 선언 (5)변수 대입 var name = 'nero'; // (8) console.log(name); // (9) wow('hello'); // (10) } say(); // (7) 코드를 처.. 공감수 0 댓글수 0 2022. 10. 31.
스코프 체인 스코프 체인이란 한마디로 정리하면 블록에서 어떤 값에 접근이 가능하고 어떤 값에는 접근이 불가능한지를 확인해주는 것이다. 이때 블록은 { }로 표현되는 if, while, for, try-catch... 등이 있고 그냥 { }만 작성해도 블록으로 처리된다. 아래 코드는 함수 b를 선언했지만 실제로 실행시키게 되면 b는 선언되지 않았다고 나온다. 왜일까? const x = "x1"; function c() { const y = "y"; console.log("C"); function b() { const z = "z"; console.log(b); c(); } } function a() { const x = "x2"; console.log("a"); b(); } a(); c(); 함수의 선언위치를 살펴보면.. 공감수 0 댓글수 0 2022. 10. 27.
Call stack (호출 스택) Call stack이란? 콜스택은 말 그대로 콜을 관리하는 스택이다. 여기서 call(호출)이란 함수의 호출이라고 생각하면되는데 이것을 스택으로 관리하는 이유는 자바스크립트가 싱글 스레드 언어이기 때문이다. 싱글 스레드란 말은 한번에 하나의 작업만 실행시킬 수 있게 되는데 우리가 함수를 호출하는 코드를 작성하게되면 스레드가 호출된 함수가 있는 곳으로 이동해서 거기서부터 다시 코드를 실행시킨다. 이것을 분기라고도 하고 제어권 이동이라고도 한다. 그런데 이렇게 함수를 호출한 곳으로 이동하게 됐을 때 이미 실행되던 함수의 정보를 저장해야만 새로 호출해서 실행된 함수가 종료되었을 때 다시 작업하던 위치부터 실행을 이어나갈 수 있다. 이때 실행시키던 함수의 정보를 저장하기 위해 사용하는 곳을 콜 스택이라고 한다... 공감수 0 댓글수 0 2022. 10. 24.

문의안내

티스토리
로그인
고객센터

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