본문 바로가기

IT

create-react-app template 없이 프로젝트 생성되는 문제 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 function 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 삭제 - 스키마 지정, 테이블 생성 -- 탐색할 스키마 지정 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 .. 더보기
vim, vi 한글 깨질때 catalina.out 파일을 열어서 확인하려 하는데, 한글이 와장창 깨졌다. 이럴때 해결방법! // 나의 vi 환경에서만 적용 ~/.vimrc // 전체 사용자의 vi 환경에 적용 /etc/vim/vimrc 파일 수정 위 파일에 set encoding=utf-8 set fileencodings=utf-8,cp949 2줄을 추가해주면됩니다. 더보기
SourceTree file status(변경리스트)에 특정파일 안보이게 하는 방법 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 ^.. 더보기
컴파일과 빌드 차이 Compile 컴파일 내가 작성한 언어를 컴퓨터가 읽을 수 있는 기계어로 번역하는 행위 소스 문법을 분석해 기계어로 번역 ex - 바벨(Babel, 트랜스파일 - transpile) 최신 자바스크립트 문법을 구형 브라우저에서도 동작 할 수 있도록 코드를 변경한다. transpile : 다른 실행환경에서도 돌아갈 수 있도록 소스의 형태를 바꾸는 과정 1. ES6 Arrow Function (name, age) => name + age; 2.바벨 컴파일 후 "use strict" (function(name, age){ return name + age; }); Build 빌드 번역된 것과 그 외 잡다한것들(이미지 등)을 바리바리 모아서 실행 가능한 소프트웨어로 만드는 것 컴파일도 빌드의 부분집합이라고 할 수 .. 더보기
JSP JspJAVA Sever Page jsp 자체가 동작하는게 아니라 모든 jsp는 서블릿으로 바뀌어서 동작한다. 서블릿으로 바뀔때 사용되는 문법들 > 이런지시는 jsp를 실행하는 was 가 듣는다 더보기
Servlet 서블릿이란 ? 자바 웹 어플리케이션의 구성요소중 동적인 처리를 하는 프로그램의 역할.WAS에 동작하는 JAVA 클래스서블릿은 HttpServlet 클래스를 상속받아야 합니다.서블릭과 jsp로부터 최상의 결과를 얻으려면, 웹 페이지를 개발 할 때 이 두가지를 조화롭게 사용해야 한다. servlet 3.0 이상에서 web.xml 을 사용하지 않음자바 어노테이션사용 [서블릿 생명주기]WAS는 서블릿 요청을 받으면 해당 서블릿이 메모리에 있는지 확인한다. 서블릿은 서버에 서블릿객체를 여러번 만들지 않는다.서버에 없을때만 만든다. - 최초, destroy했을때 HttpServlet Request, ResponseRequest - http프로토콜의 request 정보를 서블릿에게 전달하기 위한 목적. 헤더정보,파라.. 더보기

티스토리툴바