태그 목록
전체보기 (53)JavaScript(18)React(16)nodejs(9)python(8)Backend(6)프로젝트1차(6)git(5)express(5)npm(4)클론코딩(4)CSS(3)scss(3)github(3)package.json(3)django(2)http(2)webpack(2)소스코드빌드(2)Module(2)TIL(2)nextjs(2)vscode(2)예외처리(2)create react app(1)tutorial(1)decorator(1)js(1)frontend(1)MacOS(1)context(1)Sass(1)styled components(1)react.js(1)ESLint(1)Prettier(1)typeError(1)&&(1)클로저(1)setState(1)is not a function(1)html(1)v8(1)front end(1)async(1)비동기(1)가상환경(1)vue.js(1)error(1)SSR(1)hook(1)code 명령어(1)transform(1)transition(1)yarn(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)unpacking(1)Cross Browser Testing(1)not defined(1)reference error(1)암호화(1)ref(1)authentication(1)async await(1)Absolute Path(1)Relative Path(1)bcrypt(1)miniconda(1)document.js(1)HTTPie(1)authorization(1)git remote(1)Request(1)Response(1)icon(1)coding convention(1)spa(1)인증인가(1)nodemon(1)node sass(1)tofixed(1)데이터구조(1)parseFloat(1)Sync(1)code convetion(1)try catch(1)비동기함수(1)input auto focus(1)getInitialProps(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)Route(1)fontawesome(1)git stash(1)리액트기본세팅(1)key stretching(1)input outline(1)VCS(1)promise(1)CRA(1)
post-thumbnail

Httpie 설치하기

brew install httpiesudo apt install httpie

약 20시간 전
·
0개의 댓글
post-thumbnail

backend django tutorial #2 설문조사 앱 만들기

django 튜토리얼의 내용을 따라하며 정리한 글입니다. 아래글은 오류가 있을수 있습니다. 더 정확하고 자세한 공홈을 확인하세요.앱 : 단순 기능, 소규모 웹 애플리케이션프로젝트 : 특정 웹사이트에 대한 구성, 앱의 모음python manage.py startapp &

약 21시간 전
·
0개의 댓글
post-thumbnail

backend django tutorial #1 프로젝트 세팅

Django django 공홈 튜토리얼 따라 진행하기 1. 가상환경 프로젝트 생성 conda create -n tutorial-01 python=3.7 중간에 proceed y or n? 물어보면 y로 답하고 계속 진행 1) 가상환경 삭제 conda env rem

약 22시간 전
·
0개의 댓글
post-thumbnail

python import의 검색 순서

Python module 이해하기Python pacakage 이해하기에서 살펴본 import 에 대해 더 알아보자. import를 통해 모듈과 패키지를 불러오면 어디서 어떻게 가져오는 걸까? 아래 목록을 보자.sys.modulesbuilt-in modulessys.pa

3일 전
·
0개의 댓글

python try except 예외처리 #1

예외(exception)은 코드 실행중 발생한 에러를 말한다. TypeError,ZeroDivisionErrorAttributeErrorNameErrorIndexErrorexcept키워드 다음 예외종류를 넣어주게 되면 해당 오류에 대해서만 반응 하게 된다. 즉 예외마다

4일 전
·
0개의 댓글
post-thumbnail

python Package

모듈과 같은 개념이지만 더 크다. 모듈이 라이브러리라면 패키지는 프레임 워크라고 생각할 수 있다. 아래 폴더구조를 보자. 모듈이 코드를 모아둔 파일이라 module을 설명하면서 언급했다. package는 모듈의 집함, 디렉토리가 된다.파이썬 패키지 참고이미지패키지 또한

4일 전
·
0개의 댓글

python module 이해하기

my_module.py변수, 함수, 클래스 등을 모아 놓은 파일이며, 아래와 같은 이유로 만든다.다른 파일, 프로젝트에서 재사용 가능하도록 코드모음전체 코드가 너무 길어졌을때, 나누어 정리하기 위해모듈은 import <모듈이름> 을 통해 불러사용 한다. 한가지 유

4일 전
·
0개의 댓글

python @decorator 이해하기

데코레이터는 장식/장식하는 사람을 말한다. 함수가 정의될때 @함수명(위 예제코드참고)과 같은 구문을 보았다면 그것이 바로 데코레이터다!언제 데코레이터를 사용하게 될까? 데코레이터의 기능 먼저 알아야 겠다. 위 예제코드를 보며 이해해 보자! 데코레이터로 선언된 함수는 i

4일 전
·
0개의 댓글

python Function & unpacking(*)

파이썬에서 함수 정의하기에 대해 알아보자.파이썬에서 함수를 정의할 때는 def 키워드로 시작하며 나머지는 다른 언어와 비슷~하다.위 예제코드에서와 같이 파이썬에서 함수를 정의할때는 기본값을 줄수 있고, 함수를 호출 할때 인자에 파라미터명을 함께 제시하여 건내 줄 수도

5일 전
·
0개의 댓글

Backend conda 명령어

가상환경명은 프로젝트 명으로 통일하는 것으로 권장conda env listconda create -n "가상환경이름" python=3.7conda activate "가상환경이름"conda deactivateconda env remove -n "가상환경이름"conda e

5일 전
·
0개의 댓글
post-thumbnail

BACKEND : 파이썬 가상환경 설치 (miniconda)

파이썬 가상환경(Virtual Environment)을 사용하는 이유 ?여러 프로젝트를 진행할 때 분리된 버전 및 패키지 설치 환경을 갖기위해A프로젝트 : 파이썬 2. 버전 사용B프로젝트 : 파이썬 3. 버전 사용파이썬의 대표적인 가상환경 프로그램은 conda와 vir

5일 전
·
0개의 댓글

javascript null & undefined

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

5일 전
·
0개의 댓글

javascript 실수 관련 메서드

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

5일 전
·
0개의 댓글

javascript async & await, 예외처리방법

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

7일 전
·
0개의 댓글
post-thumbnail

javascript Callback & Promise

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

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