profile
TIL 기록 블로그 :: 문제가 있는 글엔 댓글 부탁드려요!
태그 목록
전체보기 (100)React(20)django(19)Backend(19)JavaScript(18)python(16)nodejs(9)프로젝트1차(6)typescript(6)git(6)express(5)github(5)graphql(4)클론코딩(4)redux(4)Crawling(4)vscode(3)shell(3)Database(3)scss(3)CSS(3)JWT(3)npm(3)CRUD(3)webpack(2)mysql(2)beautifulsoup(2)nextjs(2)http(2)인증인가(2)노마드코더(2)aws(2)authentication(2)CRA(2)Module(2)ESLint(2)예외처리(2)Prettier(2)bcrypt(2)gatsby(2)authorization(2)TIL(2)package.json(2)setState(1)is not a function(1)html(1)v8(1)front end(1)ORM(1)async(1)비동기(1)가상환경(1)vue.js(1)error(1)AWS S3(1)oAuth(1)pymysql(1)SSR(1)hook(1)code 명령어(1)destructuring(1)status code(1)iamport(1)transform(1)transition(1)blog(1)yarn(1)prefetch_related(1)set(1)import(1)package(1)sys.modules(1)sys.path(1)install(1)data structure(1)rebase(1)callback(1)fs(1)static file folder(1)express-handlebars(1)크로스브라우징(1)소수점(1)templete engine(1)Synchronous & Asynchronous(1)null(1)undefined(1)Virtual Environment(1)conda 명령어(1)function parameters(1)try except(1)core module(1)POST method(1)built-in modules(1)asterisk(1)URL Parameters(1)unpacking(1)Cross Browser Testing(1)connect()(1)유동라우터(1)Query parameters(1)AqueryTool(1)역참조(1)related_name(1)HashMap(1)정참조(1)package list(1)상태코드(1)결제(1)not defined(1)reference error(1)github blog deploy(1)github reset(1)grapyql(1)surge(1)graphDB(1)암호화(1)pip(1)Token(1)ref(1)interface(1)정규표현식(1)rds(1)async await(1)Absolute Path(1)Relative Path(1)router(1)miniconda(1)document.js(1)HTTPie(1)git remote(1)Request(1)Response(1)selenium(1)icon(1)coding convention(1)spa(1)웹 크롤링(1)nodemon(1)erd(1)node sass(1)tofixed(1)beautifulsoup4(1)데이터구조(1)parseFloat(1)Sync(1)queryset(1)gitignore(1)code convetion(1)try catch(1)비동기함수(1)input auto focus(1)gh-pages(1)getInitialProps(1)models(1)salting(1)flow(1)create repository(1)resetcss(1)version control system(1)CSS pre-processor(1)라우트(1)animation(1)git merge(1)squash(1)fontawesome(1)소스코드빌드(1)git stash(1)리액트기본세팅(1)key stretching(1)input outline(1)selectrelated(1)VCS(1)로그인(1)promise(1)리덕스(1)create react app(1)tutorial(1)decorator(1)js(1)frontend(1)MacOS(1)context(1)Sass(1)styled components(1)cors(1)react.js(1)tree(1)typeError(1)&&(1)클로저(1)

javascript null & undefined

같은 듯 다른 null과 undefined에 대해 알아보자. null & undefined 는 원시데이터타입(Primitive data type)에 속한다.null은 개발자가 빈값이라고 지정한 상태, 비어있는, 존재하지 않는 값null을 typeof 키워드를 활용해 콘

2020년 4월 1일
·
0개의 댓글

javascript 실수 관련 메서드

소수점 관련 메서드 정리 parseFloat(string) : string을 강제로 float형으로 바꾼다. number가 아닌 곳은 버림한다. toFixed(num) : num으로 지정한 수로 소수점 자리를 강제 지정한다

2020년 4월 1일
·
0개의 댓글

javascript async & await, 예외처리방법

async & await promise객체를 단순하게 사용 할 수 있는 방법으로 ES2017에 정식 채택되었다. 함수선언부에 async 를 함께 작성한다. syntax 예외처리 try {...} catch {...}

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

javascript Callback & Promise

이전 포스팅에서 다루었던 동기&비동기에 이어 나가겠다. 비동기 처리란 특정 로직이 끝나길 기다렸다 다음 순서 로직이 시작 되는 것이 아닌, 순서 제약 없이 실행 & 처리하는 방식을 말한다. 데이터 요청에 대한 부분과 같이 실행완료까지 시간이 걸린다던가 언제 올지 모르는

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

javascript Synchronous & Asynchronous

동기 & 비동기에 대해 알아보자. 다른말로 Block & Non-block와 같다. 위 그래프에서 보이는 대로 이해하면 된다!순서대로 1개의 처리가 끝난 뒤 다음 처리가 이루어지는 방식을 말한다.비동기는 동시에 처리가 시작되어 순서에 상관없이 완료되는 방식이다. 이렇게

2020년 3월 30일
·
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개의 댓글

[frontend] Cross Browser Testing

크로스 브라우저 테스팅은 어떤 브라우저(종류 or 버전), 디바이스에서도 같은 결과물이 나오도록 확인하고 코드수정하는 것을 말한다. 다양한 브라우저 브라우저 인터넷익스플로러(IE), 크롬(chrome), 사파리(Safari), 네이버 웨일, 오페라, 모바일(카톡웹뷰,

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일
·
1개의 댓글

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개의 댓글
post-thumbnail

vue.js #01 설치

vue.js앞으로 2주간 뷰 공부하기 훓어보기를 하려 합니다. 아직 리액트도 잘 못쓰기 때문에 본격 파헤치기는 아니고, 하루 1시간씩 훑어보면서 자연스럽게 익히는 것이 목표입니다. 하핫! 일단 저는 vue공식문서와 vue에서 제공하는 동영상 강의를 보려해요! 뷰 공식홈

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

NEXT.js : 초기세팅 & 기본 설명 #2

앞서 1편 포스팅에서 \_document.js 파일에 대해 설명할 때 reset.css 와 common.css를 적용하는 법을 함께 언급하였다. \_document.js는 HTML 초기설정 파일정도로 생각하면 될것 같다. Next, react에서는 HTML문서를 작성

2020년 3월 16일
·
1개의 댓글
post-thumbnail

PROJ-FOODLY-DAY4 : 인풋 아웃라인, SCSS공유, transform & transition

프로젝트 4일차 인풋 아웃라인 제거 인풋창을 만들고 내용을 입력하려 커서로 클릭을 하면 파란 줄이 인풋창을 감싸게 된다. 이것을 outline 설정으로 제어할 수 있다. 해당선택자를 통해 인풋창에 아웃라인 속성을 none으로 설정했다. 매번 하는 설정인데 왜 매번

2020년 2월 27일
·
0개의 댓글