profile
마트 시식코너같은 저의 벨로그에 어서오세요.
post-thumbnail

[0부터 시작하는 오픈스택의 x신] 2주차 과제 상세 분석: 컬럼을 기본 출력에 추가

우린 이전 포스팅에서 OpenStackClient 개발 환경 세팅openstack server list 명령어를 통해 인스턴스들을 확인해 보았습니다openstack server list 결과에 user name과 project name 이라는 컬럼을 기본 출력에 추가하

6일 전
·
0개의 댓글
·
post-thumbnail

[0부터 시작하는 오픈스택의 x신] 1주차 과제 상세 분석: openstack server show는 어떻게 작동하는가?

해당 포스팅은 1주차 과제였던 "개발환경에서 openstack server list 명령어 실행 결과 확인" 을 기반으로 내부적으로 코드가 어떻게 흐르는지 파악하는 것입니다방향 설정: nova 의 정보를 어느시점에서 가져오고 렌더링할 서버 정보를 가져오는 건 take_

2026년 4월 26일
·
0개의 댓글
·
post-thumbnail

[0부터 시작하는 오픈스택의 x신] OpenStackClient 개발 환경 세팅

OpenStack CLI 클라이언트(python-openstackclient)를 로컬에서 직접 개발하고 디버깅하기 위한 VSCode 환경 구축 방법 (+근데 윈도우 환경을 곁들인...)이 게시물을 읽고 계신다면, 분명 주위에서 파이참을 사용하라고 권유했을거고 당신의 윈

2026년 4월 24일
·
0개의 댓글
·
post-thumbnail

[멋사] 리액트 라우터/클라이언트 라우팅 직접 구현

routes.tsxApp.tsxHeader.tsx

2025년 6월 17일
·
0개의 댓글
·
post-thumbnail

[멋사] API fetch/custom hook 구현

![](h

2025년 6월 16일
·
0개의 댓글
·
post-thumbnail

[멋사] useReducer/useRef

useState와 역할은 비슷한데, useState가 제공하는 기능 이외에도 상태 업데이트 로직을 외부 함수로 분리할 수 있는 기능을 제공한다.useState와 useReducer의 차이는 위 그림과 같다. 상태를 관리한다는 목적은 동일한데 상태를 업데이트하는 방법이

2025년 6월 12일
·
0개의 댓글
·
post-thumbnail

[멋사] 클래스 컴포넌트와 컴포넌트의 라이프 사이클/리액트 훅

컴포넌트 생명 주기 리액트 훅 ![](https://velog.velcdn.com/images/bab_shunn/post/abbc6c80-065b-4eb6-89e8-

2025년 6월 11일
·
0개의 댓글
·
post-thumbnail

[멋사] state 관리 시작

2025년 6월 9일
·
0개의 댓글
·
post-thumbnail

[멋사] react start

리액트 관련 개념들과 특징 정리 (25-06-04)

2025년 6월 4일
·
0개의 댓글
·
post-thumbnail

[멋사] 리액트 시작?

![](h

2025년 5월 30일
·
0개의 댓글
·
post-thumbnail

[멋사] React 빌드업

1장 리액트 빌드업웹 개발의 변천사리액트 개발에 자주 사용하는 자바스크립트 문법간단한 todoList 실습 (dom 객체를 다루는데에 좀 더 익숙해지기 위한)

2025년 5월 27일
·
0개의 댓글
·
post-thumbnail

[멋사] -js 내장객체 object

const haru2 = haru; → 얕은 복사(X) → 참조 복사const haru3 = Object.assign({}, haru); 또는 { ...haru } → 얕은 복사(O) JavaScript 자체 내장 메서드로는 진정한 깊은 복사(deep copy)는 제

2025년 4월 30일
·
0개의 댓글
·
post-thumbnail

[멋사] js-unknown type

TypeScript 3.0 부터 새로 추가된 타입문자 그대로 알려지지 않은 타입 이다.unknown 타입으로 선언된 변수의 값으로는 모든 타입이 올 수 있다. (any타입과 비슷)그렇다면 unknown 과 any 의 차이점은 무엇일까?unknown에는 메서드를 호출할

2025년 4월 28일
·
0개의 댓글
·
post-thumbnail

[멋사] js-var사용으로 인해 초래될 수 있는 문제

문서내의 모든 버튼을 클릭했을때,각각 "btn-0 클릭", "btn-1 클릭", "btn-2 클릭"... "btn-n 클릭"을 콘솔에 출력하시오.위의 그림에서 알수 있듯이 var을 사용하면 원하는 결과를 얻을 수 없다.i = 0일 때, function() { conso

2025년 4월 25일
·
0개의 댓글
·
post-thumbnail

7. Event

이벤트(event)는 어떤 사건을 의미한다. 브라우저에서의 이벤트란 예를 들어 사용자가 버튼을 클릭했을 때, 웹페이지가 로드되었을 때와 같은 것인데 이것은 DOM 요소와 관련이 있다.이벤트가 발생하는 시점이나 순서를 사전에 인지할 수 없으므로 일반적인 제어 흐름과는 다

2025년 4월 17일
·
0개의 댓글
·
post-thumbnail

6. window/document에서 발생하는 이벤트?

자바스크립트 코드를 짜며 window객체와 document객체의 차이에 대해 잘 알지 못하고 사용한 점이 생각나서 포스팅한 게시물입니다.평소에 window / document 객체를 참조하는 흔한 작업들은 다음과 같았다.이벤트 리스너 등록dom에 접근스크롤 위치 이동창

2025년 4월 16일
·
0개의 댓글
·
post-thumbnail

5. DOM 문서 객체 모델(Document Object Model)

텍스트 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하려면 웹 문서를 브라우저가 이해할 수 있는 구조로 메모리에 올려야 한다. 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 D

2025년 4월 15일
·
0개의 댓글
·
post-thumbnail

4. Call by reference가 없는 Javascript

최근까지 javascript는 함수 호출 시참조형이면 넘길 때도 call by reference로 넘겨지고,원시형이면 call by value로 넘겨지는 줄 알고 있었다.그러다 최근 질문이 들어와서 답해주려다 자세히 알아보니,잘못 알고 있었다는 것을 깨달았다.Call

2025년 4월 11일
·
0개의 댓글
·

3. 자바스크립트 배열은 배열이 아니다

일반적으로 배열이라는 자료 구조의 개념은 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료 구조를 말한다. 즉, 배열의 요소는 하나의 타입으로 통일되어 있으며 서로 연속적으로 인접해 있다. 이러한 배열을 밀집 배열(dense array)이라 한다.일반적인 배

2025년 4월 11일
·
0개의 댓글
·