IT
-
create-react-app template 없이 프로젝트 생성되는 문제IT/React 2021. 5. 5. 14:55
npx create-react-app my-app 명령어를 실행했는데, package.json 과 node_module, yarn.lock 파일만 생성되었다. src 등 cra 에서 제공하는 다른 파일들이 없었다. 원인을 찾아보니 stackoverflow.com/questions/59220166/create-react-app-does-not-create-starter-template 공식문서 : create-react-app.dev/docs/getting-started/ 기존에 설치했던 cra 를 삭제 해야한다. sudo npm remove create-react-app 코드실행 후 npx create-react-app my-app 다시 시도 하니 with cra-template 가 출력 되면서 시작하는..
-
[JavaScript] async functionIT/Javascript 2021. 2. 24. 00:20
Async Function객체를 반환하는 하나의 비동기 함수이다. 암시적으로 Promise를 사용하여 결과를 반환한다. 예제 async function find(){ let usert = await this.findApi(); } const find = async() => { //HTTP 통신 find somthing } 기본 문법 async function 함수명(){ await 비동기_처리_메서드_명(); } 반환값 Promise : aync 함수에 의해 반환 된 값. 해결되거나 async함수 내에서 발생하는 예외중 catch 되지 않는 거부된 값 함수 앞에 aync라는 예약어를 붙인다. 함수의 내부로직 중 HTTP 통신하는 비동기 처리 코드 앞에 await 를 붙인다. 주의! 비동기 처리 메서드가 ..
-
[DB] postgreSQL SELECT 조회, INSERT 입력, UPDATE 수정, DELETE 삭제IT 2020. 10. 2. 11:57
- 스키마 지정, 테이블 생성 -- 탐색할 스키마 지정 SET SEARCH_PATH = "vivamall"; -- 테이블 생성 primary key : product_no create table vivamall.t_product ( product_no INTEGER NOT NULL PRIMARY KEY , name varchar(20) NOT NULL , price INTEGER DEFAULT 0, ); - INSERT 입력 -- 입력 (INSERT) INSERT INTO vivamall.t_product (product_no, name, price) VALUES (1,'수건',3000), (3,'칫솔',2000), (4,'샴푸',5000); - SELECT 조회 -- 조회 (SELECT) SELECT ..
-
SourceTree file status(변경리스트)에 특정파일 안보이게 하는 방법IT/Git 2020. 7. 10. 13:08
Source tree 의 file status (변경리스트) 에 안보이게 하는 명령어 commit 할때 포함되면 안되는 파일 제외시켜주는 명령어 로컬 개발환경에 맞춰놓은 소스는 push되면 안되기 때문에 이 명령어로 설정파일들을 제외시켜 놓는다. ! 주의 ! Unstaged files 상태에서만 가능합니다. /** file status 에서 제외하기 (파일명까지 써줘야한다) **/ git update-index --skip-worktree src/app/app.js /** file status 에 포함시키기 **/ git update-index --no-skip-worktree src/app/app.js /** skip worktree 목록 확인하기 **/ git ls-files -v . | grep ^..
-
컴파일과 빌드 차이IT 2020. 7. 6. 23:25
Compile 컴파일 내가 작성한 언어를 컴퓨터가 읽을 수 있는 기계어로 번역하는 행위 소스 문법을 분석해 기계어로 번역 ex - 바벨(Babel, 트랜스파일 - transpile) 최신 자바스크립트 문법을 구형 브라우저에서도 동작 할 수 있도록 코드를 변경한다. transpile : 다른 실행환경에서도 돌아갈 수 있도록 소스의 형태를 바꾸는 과정 1. ES6 Arrow Function (name, age) => name + age; 2.바벨 컴파일 후 "use strict" (function(name, age){ return name + age; }); Build 빌드 번역된 것과 그 외 잡다한것들(이미지 등)을 바리바리 모아서 실행 가능한 소프트웨어로 만드는 것 컴파일도 빌드의 부분집합이라고 할 수 ..
-
ServletIT 2018. 7. 4. 16:11
서블릿이란 ? 자바 웹 어플리케이션의 구성요소중 동적인 처리를 하는 프로그램의 역할.WAS에 동작하는 JAVA 클래스서블릿은 HttpServlet 클래스를 상속받아야 합니다.서블릭과 jsp로부터 최상의 결과를 얻으려면, 웹 페이지를 개발 할 때 이 두가지를 조화롭게 사용해야 한다. servlet 3.0 이상에서 web.xml 을 사용하지 않음자바 어노테이션사용 [서블릿 생명주기]WAS는 서블릿 요청을 받으면 해당 서블릿이 메모리에 있는지 확인한다. 서블릿은 서버에 서블릿객체를 여러번 만들지 않는다.서버에 없을때만 만든다. - 최초, destroy했을때 HttpServlet Request, ResponseRequest - http프로토콜의 request 정보를 서블릿에게 전달하기 위한 목적. 헤더정보,파라..