profile
TIL 기록 블로그 :: 문제가 있는 글엔 댓글 부탁드려요!
태그 목록
전체보기 (144)React(42)django(20)JavaScript(20)Backend(19)python(16)hooks(13)nodejs(10)redux(9)babel(8)typescript(8)git(7)github(6)프로젝트1차(6)express(6)graphql(4)Crawling(4)webpack(4)클론코딩(4)nextjs(4)styled components(4)CRUD(3)npm(3)vscode(3)shell(3)CSS(3)JWT(3)Database(3)scss(3)인증인가(2)Prettier(2)ESLint(2)aws(2)beautifulsoup(2)useRef(2)import(2)노마드코더(2)gatsby(2)error(2)TIL(2)mysql(2)Custom Hooks(2)예외처리(2)package.json(2)Module(2)AST(2)authorization(2)bcrypt(2)html(2)http(2)CRA(2)authentication(2)dataset(1)소스코드빌드(1)iamport(1)리액트기본세팅(1)AWS S3(1)className(1)polyfill(1)웹 크롤링(1)Request(1)Response(1)git remote(1)connect()(1)oAuth(1)sys.modules(1)sys.path(1)메모이제이션(1)yarn(1)직렬화(1)nodemon(1)vue.js(1)input auto focus(1)fs(1)callback(1)프로젝트공유(1)selectrelated(1)pip(1)zsh-theme(1)리덕스(1)create react app(1)create repository(1)document.js(1)tutorial(1)status code(1)Query parameters(1)router(1)소수점(1)selenium(1)express-handlebars(1)가상환경(1)null(1)useEffect(1)useState(1)VCS(1)async await(1)Sync(1)decorator(1)parseFloat(1)라우트(1)js(1)oh my zsh(1)code convetion(1)async(1)비동기(1)ref(1)svgr/webpack(1)git stash(1)Virtual Environment(1)usedispatch(1)useDebugValue(1)export default(1)export(1)&&(1)gitblog(1)frontend(1)not defined(1)method(1)env(1)function parameters(1)결제(1)Cross Browser Testing(1)AqueryTool(1)폴리필(1)Node(1)next(1)curried function(1)useImperativeHandle(1)클로저(1)key stretching(1)MacOS(1)surge(1)typeError(1)정참조(1)node sass(1)비동기함수(1)resetcss(1)interface(1)babel/cli(1)gh-pages(1)CSS pre-processor(1)tree(1)context(1)git merge(1)storybookjs(1)homebrew(1)fontawesome(1)flow(1)에러생성자(1)built-in modules(1)useContext(1)useMemo(1)useReducer(1)Javascipt(1)역참조(1)beautifulsoup4(1)tofixed(1)데이터구조(1)Sass(1)Syntax error(1)useCallback(1)useselector(1)static file folder(1)erd(1)useLayoutEffect(1)SSR(1)related_name(1)pymysql(1)conda 명령어(1)grapyql(1)GNB(1)babel-loader(1)HashMap(1)models(1)v8(1)transition(1)core module(1)server error(1)createReducer(1)babel/core(1)gitignore(1)array(1)setState(1)유동라우터(1)Fetch(1)try except(1)spa(1)getInitialProps(1)HoC(1)icon(1)HTTPie(1)react.js(1)unpacking(1)defualtValue(1)install(1)내장함수(1)salting(1)squash(1)svg(1)createAction(1)try catch(1)life cycle(1)Token(1)암호화(1)coding convention(1)package list(1)data structure(1)closure(1)higher-order-component(1)Synchronous & Asynchronous(1)Routes(1)set(1)curring(1)POST method(1)contextAPI(1)reference error(1)animation(1)asterisk(1)정규표현식(1)로그인(1)Immer(1)miniconda(1)undefined(1)크로스브라우징(1)destructuring(1)cors(1)front end(1)forwardRef(1)graphDB(1)prefetch_related(1)github reset(1)promise(1)package(1)blog(1)상태코드(1)github blog deploy(1)is not a function(1)templete engine(1)ORM(1)Sequelize(1)serialzing(1)input outline(1)code 명령어(1)alias(1)SerializableError(1)홈브류(1)URL Parameters(1)rebase(1)queryset(1)rds(1)version control system(1)Absolute Path(1)Relative Path(1)transform(1)

express 라우팅

쿼리파라미터와 패스파라미터?패스파라미터? url 파라미터 라고 부르는드~읏경로에 :파라미터이름 을 지정해주고, req.params를 확인하면 지정 이름은 key, 클라이언트에서 전달한 이름은 value로 주어진다.클라이언트에서 api요청을 할때 ?keyName=valu

2020년 9월 9일
·
0개의 댓글

nodejs #9 core module : API

nodejs에서 제공하는 API를 말한다. nodejs.org API 페이지를 방문해 어떤 core module을 지원하는지 살펴 보도록 하자.crypto : 비밀번호 암호화 관련events : 이벤트 관련 처리http : 통신관련readline : 콘솔을 통해 유저로

2020년 3월 30일
·
0개의 댓글

nodejs #8 module 개념이해하기

module = library = dependency = pacakage, 언어나 프레임 워크마다 다르게 칭하지만 다 같은 말이다. nodejs를 사용할때는 module만 잘알아야 한단다! 오늘은 module을 이해해 보자!간단한 예제로 덧샘모듈과 곱샘모듈을 만들어보자

2020년 3월 30일
·
0개의 댓글
post-thumbnail

nodejs #7 express-handlebars (1) 템플릿엔진?

express-handlebars handlebars 공식 홈페이지 handlebars 공홈에서는 핸들바를 Handlebars is a simple templating language.라 정의하고 있다. 그래서 템플릿 언어가 무엇인고오~.... 가능한 쉽게 설명해보면

2020년 3월 30일
·
0개의 댓글
post-thumbnail

nodejs #6 express & static파일 폴더 설정

static 파일은 image, video, sound와 같이 파일 자체를 말한다. <img src='경로' />를 통해 이미지를 HTML문서에 넣었다면 이미지의 경로를 작성해야 하는데 이 경로를 static폴더를 설정하여 넣을 것이다. 만약 따로 설정하지 않고

2020년 3월 30일
·
2개의 댓글

nodejs #5 express 사용하기

nodejs 프레임워크이다. 이전포스팅에서 진행한 http, fs 같은 기능을 통합하여 여러줄의 코드를 단 몇줄의 코드로 간편하게 사용할 수 있게 도와준다. 아직은 생소하고 써본적이 없어 모르겠지만 익숙해져보자아~express 공식사이트 : 한국어npm install

2020년 3월 30일
·
0개의 댓글
post-thumbnail

nodejs #4 서버 재부팅없이 파일 수정하기 nodemon

node 명령어로만 서버를 실행 했을때 프로젝트 서버, 파일 등에 변동이 있을때마다 서버를 재부팅해야하는 불편함이 있다. 하지만 위대한 개발자님들께서 이를 자동으로 업데이트 되도록 도와주는 모듈(라이브러리)을 만들었는대 바로 Nodemon이다. nodemon은 전역에

2020년 3월 30일
·
0개의 댓글

nodejs #3 fs(file system)모듈

file system = fs 모듈 지난 포스팅에서는 요청이 들어왔을때 응답을 보내는 방법에 대해 알아봤다. 간단한 문구를 출력하도록 하였었는데 이제 html파일을 보내보도록 하겠다. fs는 아래와 같은 처리를 할 수 있다. w3schools Nodejs 읽기 파

2020년 3월 30일
·
0개의 댓글
post-thumbnail

nodejs #2 http모듈과 request & response

서버를 열기 위해서는 http 모듈을 불러와야 한다.서버에 접속했을때 받게되는 응답을 확인해보자.위 코드와 같이 server.js 를 입력터미널에서 node server.js를 입력하여 server를 실행시킨 뒤브라우저에서 localhost:3000 으로 접속다시 터미

2020년 3월 30일
·
0개의 댓글
post-thumbnail

nodejs #1 nodejs 설치

설치 node.js nodejs는 구글에서 개발한 v8엔진을 이용해 nodejs.org 사이트에서 다운로드 & 설치 package.json 패키지관리 초기화 터미널에서 프로젝트 폴더로 이동한 뒤 npm init -y 명령어를 통해 package.json을 생성/패

2020년 3월 30일
·
0개의 댓글