profile
반가워요!

Mac에서 React & TypeScript 시작하기

homebrew 설치 : macOS 용 패키지 관리자https://brew.sh/index_konvm 설치 : node.js 여러 버전 설치해두고 편하게 관리할 수 있게 해주는 도구환경변수 설정~/ 위치에 .nvm 디렉토리 생성vi 편집기로 bash_profi

2022년 9월 22일
·
0개의 댓글
·
post-thumbnail

20220819 JS에서의 비동기, promise, async/await

특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 js의 특성.js 비동기 처리에 사용되는 객체Pending 대기 : 비동기 처리 로직이 아직 완료되지 않은 상태Fulfilled 이행: 비동기 처리가 완료되어 프로미스가 결과 값을 반

2022년 8월 19일
·
0개의 댓글
·
post-thumbnail

20220728 통합 및 배포 자동화

소스코드 내려받아 도커 컨테이너 이미지로 빌드빌드한 컨테이너 이미지를 쿠버네티스에서 사용할 수 있도록 레지스트리에등록레지스트리에 등록된 이미지를 기반으로 쿠버네티스 오브젝트를 생성생서한 오브젝트(파드/디플로이먼트)를 외부에서 접속할 수 있도록 서비스 형태로 노출파이프라

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

20220727 Docker

다양한 프로그램, 실행환경을 컨테이너로 추상화하고 동일한 인터페이스를 제공하여 프로그램의 배포 및 관리를 단순하게 해줌. 백엔드 프로그램, 데이터베이스 서버, 메시지 큐등 어떤 프로그램도 컨테이너로 추상화할 수 있고 조립PC, AWS, Azure, Google clou

2022년 7월 27일
·
0개의 댓글
·

20220704 vue 드롭다운

https://vuejsexamples.com/a-vue-component-for-a-simple-searchable-dropdown/

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

20220703 VUE는 무엇인가?

뷰 : 사용자에게 보여지는 화면 -> html은 DOM을 이용해 JS로 조작할수 있게 구성된다.키보드를 입력, 마우스 클릭을 VUE에서 DOM 리스너로 받고 -> MODEL JS로 로직을 처리MODEL의 데이터가 변했을때, VUE에서 DATA BINDINGS를 이용해서

2022년 7월 2일
·
0개의 댓글
·
post-thumbnail

20220702 DOM, BOM

자바스크립트 : html 문서를 조작하기 위해 만들어짐.html 파일을 js로 어떻게 제어할 수 있는 것일까?브라우저 안에는 웹 문서를 해석할 수 있는 렌더링 엔진이 있음.브라우저로 html 파일을 열게되면 -> 렌더링엔진이 한줄한줄 해석 후 객체화하여 js로 접근할

2022년 7월 2일
·
0개의 댓글
·

20220701 프로젝트 구조오오오오오오

1\. 웹 프레임워크 VUE2\. 상태관리 VUEX3\. 웹 서버 NginX4\. DB MySQL + ORM 4\. CI/CD GitLab + 쿠버네티스 연동

2022년 7월 1일
·
2개의 댓글
·
post-thumbnail

20220701 CI/CD

CI(Continuous Integration) : 저장소로 푸시할 때마다 자동으로 응용 프로그램을 빌드하고 테스트하는 스크립트 세트를 생성하여 어플리케이션의 오류 가능성 감소CD(Continuous Delivery/Deployment)어플리케이션은 코드베이스로 푸시된

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

20220701 가상머신 기반 배포 vs 컨테이너 기반 배포

https://samsungsds.com/kr/story/220222_kubernetes1.html

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

20220701 RDB, RDBMS, SQL, NOSQL

RDB(관계형 데이터베이스)를 RDBMS(데이터베이스를 관리)로 생성하고 수정하고 관리한다.SQL은 RDBMS를 관리하기 위해 설계된 특수 목적의 프로그래밍 언어이고,NOSQL(비관계형 데이터베이스)는 RDB 형태의 관계형 데이터베이스가 아닌 다른 형태의 데이터 저장방

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

20220701 ORM (Object Relational Mapping)

Object Relational Mapping(객체-관계-매핑)의 약자이다.객체와 데이터베이의 관계를 매핑해주는 도구이다.프로그래밍 언어의 객체와 관계형 데이터베이스의 데이터를 자동으로 매핑해주는 도구이다.프로그래밍 언어의 객체와 관계형 데이터베이스 사이의 중계자 역할

2022년 7월 1일
·
0개의 댓글
·

20220701 XSS

웹 애플리케이션에서 많이 나타나는 취약점의 하나로 웹사이트 관리자가 아닌 이가 웹페이지에 악성 스크립트를 삽입할 수 있는 취약점. 이 취약점은 웹 애플리케이션이 사용자로부터 입력 받은 값을 제대로 검사하지 않고 사용할 경우 나타난다. 이 취약점으로 해커가 사용자의 정보

2022년 7월 1일
·
0개의 댓글
·

20220630 코드, 네이밍 컨벤션

개발 관리 방법https://medium.com/prnd/%ED%97%A4%EC%9D%B4%EB%94%9C%EB%9F%AC-%EA%B0%9C%EB%B0%9C%ED%8C%80-%EB%AA%A8%EB%91%90%EA%B0%80-%ED%96%89%EB%B3%B5%E

2022년 6월 30일
·
0개의 댓글
·

20220630 [Vue.js] SFC

예)Vue SFC는 HTML,CSS 및 JS 이 3개를 자연스럽게 합친 것.<template>,<sript>,<style> 블록은 하나의 파일에서 컴포넌트의 뷰, 로직 및 스타일을 캡슐화하고 배치SFC 사용을 위해선 빌드 방식을 따라야 하지만, 많은 이

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

20220630 NginX

외부 클라이언트에서 서버로 접근 시, 중간에서 중개자 역할을 하여 내부 서버로 접근할 수 있도록 도와주는 서버.서버는 World Wide Web에서 만들어진 클라이언트 요청을 서비스하기위해 HTTP나 그 이외의 프로토콜(HTTPS/SMTP/FTP...)을 사용하는 SW

2022년 6월 30일
·
0개의 댓글
·

20220630 [Vue.js] Vue-cli를 이용하여 Vue 프로젝트 생성하기

https://codepathfinder.com/entry/Vuejs-Vue-cli%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-Vue-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%E

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

[Algorithm] DP

여러 개의 하위 문제를 먼저 푼 후 그 결과를 쌓아올려 주어진 문제를 해결하는 알고리즘→ 문제를 해결하기 위한 점화식을 찾아낸 후 점화식의 항을 밑에서부터 차례로 구해나가서 답을 알아내는 형태의 알고리즘DP란 '동적 계획법'이라고도 불리는 알고리즘큰 문제를 작은 문제로

2022년 5월 11일
·
0개의 댓글
·
post-thumbnail

[OS] Deadlock

교착상태(deadlock) 서로 가진 자원을 내놓지 않고 원하기만 하는 상태. Deadlock 일련의 프로세스들이 서로가 가진 자원을 기다리며 block된 상태 Resource(자원) 하드웨어, 소프트웨어 등을 포함하는 개념 ex) I/O device, CPU

2022년 5월 11일
·
0개의 댓글
·
post-thumbnail

[OS] Process Synchronization 3 : Semaphores, Deadlock, Starvation, Monitor, Classical Problems of Synchronization

Deadlock and Starvation | 세마포어는 원치않는 문제가 생길 수 있다. Deadlock 문제 둘 이상의 프로세스가 서로 상대방에 의해 충족될 수 있는 event를 무한히 기다리는 현상 세마포어 S와 Q가 두개 있는데 , 두개를 다 획득해야지만

2022년 5월 10일
·
0개의 댓글
·