Recoil recoil을 사용하면 atoms(공유상태)에서 selectors(순수함수)를 거쳐 React 컴포넌트로 내려가는 data-flow graph를 만들 수 있다. Atoms는 컴포넌트가 구독할 수 있는 상태의 단위다. Selectors는 atoms 상태값을

\-> 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜서 더욱 효율적으로 관리할 수 있음\-> 컴포넌트끼리 똑같은 상태를 공유해야 할 때도 여러 컴포넌트를 거치지 않고 손쉽게 상태 값을 전달하거나 업데이트할 수 있음\-> 전역 상태를 관리할 때 굉장히 효과적

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

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

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

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

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

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

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

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

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

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

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

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

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

개발 관리 방법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

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

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

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

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