Apply myself  •̀.̫•́✧

1. Vue CLI 설치 명령 프롬포트에 아래 명령어로 cli 설치 $ npm i -g @vue/cli 버전 확인. $ vue --version

SPA란? 단일 페이지로 구성된 웹 어플리케이션. SPA는 화면이동 시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고 필요한 데이터만 서버로부터 JSON으로 전달 받아 동적으로 렌더링한다. 화면 구성에 필요한 모든 HTML을 클라이언트가 갖고 있고 서버사이드에는 필요한 데이터를 요청해, JSON으로 받아 기존의 어플리케이션에 비해 화면을 구성하는 속도가 빠름 기존 어플리케이션은 화면이동 시에 화면 이동에 필요한 HTML을 서버사이드에서 받아서 처음부터 다시 로딩하기 때문에 시간이 걸림. 참고 블로그 : https://velog.io/@josworks27/SPA-%EA%B0%9C%EB%85%90

1. EditorConfig (EditorConfig) : 개발자간의 표준 코드 서식 스타일 정의(공백 또는 탭 길이등) 참고 블로그: https://suyeon96.tistory.com/33 2. Prettier - Code formatter https://thinkground.studio/visual-studio-code-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EA%B8%B0%EB%8A%A5-prettier/ --계속 추가 예정..

Node.js란? 크롬 v8 js 엔진으로 빌드된 런타임이다. 뭔말임 쉽게 js를 서버로서 이용할 때 쓰인다. 라고 알아두자. js는 사실 우리가 자주 사용하는 vscode같은 ide외에 브라우저에 기본으로 내장되어 있다. 개발자 도구에 console에 js코드를 입력하면 실행되는게 그것 요약 => 1. node.js는 비동기식으로 처리되고 백엔드에 쓰인다. 2. 실시간으로 무언가 사용되거나 작동되어야 하는 프젝에 쓰기 좋다. 3. node.js Express를 사용하여 서버를 만들 수 있다! 끗(??) 통상적으로 자바스크립트를 사용하여 기능을 만들면, HTML 파일을 작성하여 버튼 태그를 사용하여 script 부문에 콘솔창에 값을 출력하게 하는 이벤트를 건다고 했을 때 html을 파일로 열고 개발자 도..

NPM은 Node.js를 편리하게 사용하도록 도와줌. node.js형 앱스토어, 플레이스토어같은 역할 ㅇㅇ Node Package Manager라는 의미로 NPM은 Node.js에서 사용할 수 있는 모듈 패키지 형태로 저장해 둔 패키지 생태계이자 현존하는 가장 큰 오픈소스 라이브러리이다. 직접 개발한 모듈뿐 아니라 다른 사용자들이 미리 만들어 놓은 모듈을 NPM에서 간편하게 다운로드 받아 사용할 수 있다는 점이 특징이다. 말 그대로 node.js에 필요한 패키지들을 관리한다. 언제든지 필요하다면 npm을 이용해서 자신에게 필요한 모듈을 다운로드할 수 있음. 다운로드는 cmd에서 파일을 설치할 경로로 들어간 뒤, npm이라는 명령어를 통해 모듈을 다운로드 할 수 있다. 각각 모듈은 npm 공식 홈페이지에 ..

#include main() { int number; int sum; number = 1; sum = 0; while(number > 운영체제가 main() 함수를 호출 - %d : 10진수 데이터 형식 규정 연산자 1. 증가/감소 연산자 기호 예 의미 ++ ++A (전치) A를 증가 시킨 후 사용 A++ (후치) A 사용 후 1 증가 -- --A (전치) A를 1 증가 시킨 후 사용 A-- (후치) A 사용 후 1 감소 * 증가/감소 연산자 단독 사용시 결과 동일 ++k : k=k+1 k++ : k=k+1 * 처리문 사용시 결과 다름 int x = 10, y; y = ++x; x=11, y=11 *바로 값 증가 y = x++; x=11, y=10 *현재값 대입한 후에 값 증가 2. 산술 연산자 - 사칙..

1. AWS 가입 및 콘솔 로그인 -가입: 기본 지원 플랜으로 가입하기 과정은 SKIP~ -로그인: AWS 계정이 정상적으로 가입이 되었으면 콘솔 로그인을 클릭 후, 루트 사용자로 로그인을 한다. 2. EC2 인스턴스 생성하기 EC2는 간단하게 AWS에서 제공해주는 서버라고 생각하면 된다. 3. AWS 무료 플랜 '프리티어' AWS에서 1년간 무료로 제공해주는 플랜을 '프리티어'라고 하는데 월 750시간의 제한이 있고 초과하면 비용이 부과된다. 무료인만큼 서비스 시간 제한이 있는 것은 어쩔 수 없다.. 그래도 기본적으로 사용하는 이상.. 쉽게 과금이 되진 않을 것이다. 4. 리전 변경 오른쪽 상단에 리전이 '오아이오'주로 되어 있을 것이다. '서울' 리전으로 선택한다. 5. EC2 대시보드 접속 검색창에..

Lombok(롬복)은 특정 어노테이션으로 해당 코드를 추가할 수 있는 라이브러리이다. 코드 다이어트?...다이어트는 내가 해야되는데..아무튼 가독성, 유지 보수에 도움이 많이 된단다. 안 익숙한 초짜는 가독성이 전혀 도움 안 되는게 함정 그게 나야나 자바빈즈 패턴 매개변수가 없는 생성자로 객체를 만든 후, Setter 메서드들을 호출해서 원하는 매개 변수 값을 설정하는 방식이다. 정의는 순조로워 보이지만... default 생성자를 통해서 객체만 생성하고 필요한 매개변수들을 setter 메서드로 값을 설정해준다고 할때 만약 설정해야할 매개변수 수가 왕창 많으면 그만큼 Setter 메서드를 호출해야함. TestVo testVo = new TestVo(); testVo.setUserIdx(1); testVo..

유틸리티(Utility) 운영체계에서 제공되는 것 이외에 추가의 기능을 제공하는 작은 프로그램을 의미한다. 컴퓨터의 여러 가지 처리 과정을 보조하여 시스템을 유지하고 성능을 개선하기 위하여 만든 프로그램이다. 유틸리티를 특별하지만 운영체계의 필수부분이 아닌 것으로 정의하는 경우도 있다. 프로그램을 실행시키는데 절대적으로 필요한 것은 아니지만 만약 운영체계에 딸려 나오지 않았다면 필시 사용자가 그것을 추가해야만 했을 것이다. 또 다른 용례에서 유틸리티는 매우 특별하고 상대적으로 제한된 기능을 가진 응용프로그램이라고 정의한다. 모듈(module) 그대로 해석하면 '구성단위'. 본체에 대한 독립된 하위 단위 개념. 예컨대 매우 복잡하고 긴 코드를 작성할 때 사용 용도에 따라 파일로 구분하고 다른 파일에서 해당..

몇 주전만 해도 잘 되던 것이 갑자기 에러창이 뜨면서 윈도우 브라우저로 실행 설정이 되어있었다. 설정에서 live server확장 설정에 가서 디폴트 브라우저 설정을 해도 적용이 안되고 에러창만 계속 뜸. 계속 검색하다보니 직접적으로 setting.json에 입력해주니 해결됨~ { "liveServer.settings.ChromeDebuggingAttachment": true, "liveServer.settings.CustomBrowser": "chrome" }