- 전체보기(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)
aws s3 미디어 서버 설정 & django 설정
미디어, 정적파일을 공유할 수 있도록 아마존 S3(simple storage service)를 설정해봅시다~! s3는 버킷이란 단위를 사용한다! (RDS=인스턴스)aws 서비스 선택에서 s3를 찾아 클릭하면 버킷만들기 버튼을 찾아 버킷 만들기를 진행한다.버킷 이름 :
backend django pip 패키지목록 만들고, 설치
pip 는 파이썬 패키지매니저로 말그래도 패키지, 모듈 등 관리해주는 관리 도구이다.pip를 통해 설치된 모듈과 버전을 볼 수 있다.가상환경에서 설치했다면, 해당 가상환경에 설치된 모듈 목록이 보여진다.보통 협업을 하게 되면, 모듈은 각자의 pc에 저장되어 관리하며 코
backend django 역참조 데이터 가져오기
데이터베이스 테이블에서 Foreign Key(이하 FK)가 없고 다른테이블의 FK로 지정된 테이블일때, 나를 참조하는(나를 FK로 지정한) 테이블에 접근하는 것<현재테이블>.<FK인 user컬럼>.<역참조관계명>.all()UserProfile에서 내가
backend django JWT 발행하기
이번 포스팅은 백엔드에서 어떻게 JWT를 발행하고 확인하는지 알아보겠다. JWT를 알아보기 앞서 인증 & 인가에 대한 내용을 선행 하도록 하자! JWT(json web token)는 회원 로그인이 완료 되었을때 발행되는 토큰을 말한다. JWT에는 암호화 된 회원정보가
backend bcrypt 비밀번호 암호화 구현
회원가입시 프론트에서 전달받은 유저정보 중 비밀번호는 DB에 저장하기 전 암호화를 해주어야 한다. 어떤 과정을 거처 암호화가 되는지 알아보자. bcrypt는 비밀번호 암호화에 사용되는 알고리즘을 제공하는 라이브러리다. 알고리즘은 직접 구현해도 되지만, 예민한 주제이니
backend django QuerySet, select_related, prefetch_related
객체관계매핑(Object-Relational Mapping : ORM) 데이터베이스와 객체 지향 프로그래밍 언어 간의 호환되지 않는 데이터를 변환하는 프로그래밍 기법. '가상' 객체 데이터 베이스 구축 출처 : wiki단순하게 말해, 나는 python django에서
backend django #5 models FK, ManytoManyField , Meta
장고프로젝트에서 models.py는 DB를 작성하는 파일이다. 장고에서 지원하는 models모듈을 불러 사용하며, Model클래스로 인스턴스를 생성한다.테이블은 클래스로 생성하며 models.Model을 상속받아 생성한다.변수는 컬렴명이 되고, models.\~~fie
backend django #6 DB 구조 변경
DB 모델링 이후 마이그레이션 & 마이그레이트를 해주었고, 데이터입력까지 진행되고 있는 상태에서 DB 모델 구조를 변경하였다. 추가된 컬럼은 null 값을 갖을 수 없는데 이미 입력된 데이터는 존재하는 상태일때 마이그레이션을 진행하면 아래와 같은 문구가 출력된다.위에서
backend django #4 Account app API구현하기
회원가입로그인JWT 발급아이디/비밀번호의 유효성확인도 하고 싶은데 아직 ...핳, 기본적인 기능만 구현했다.POST로 요청을 받는다req.body에 위치한 정보를 json.loads()를 통해 읽어 변수에 담았다.DB User 테이블에서 입력받은 user_name이 있
AqueryTool(ERD)을 활용한 Database 모델링
ERD : 개체-관계-다이어그램"구조"화된 데이터를 저장하기 위해 데이터베이스를 쓴다. 이 데이터의 "구조" 및 그에 수반한 제약 조건들은 다양한 기법에 의해 설계될 수 있다. 그 기법 중 하나가 개체-관계 모델링(Entity-Relationship Modelling)
backend django tutorial #3 모델만들기
지금까지의 과정 가상환경생성 conda create -n python=3.8 가상환경 활성화 conda activate 프로젝트 폴더로 이동 & 장고 설치 cd .. pip install django 프로젝트 디렉토리에 장고 프로젝트 설치 django-admi
터미널에서 폴더구조 보기좋게하자 TREE 설치
요즘 백앤드와 장고를 공부하고 있는데, 터미널을 사용하면서 폴더구조가 눈에 안들어와 너무나 힘들었던 찰나. 한줄기 빛같은 프로그램..? 음.. 아무튼 빛과 같은 존재가 있었으니. 바로 Tree 명령어 이다.위 사진과 같이 폴더 구조를 한눈에 볼수 있게 되었다. 이전까지
backend django tutorial #2 설문조사 앱 만들기
django 튜토리얼의 내용을 따라하며 정리한 글입니다. 아래글은 오류가 있을수 있습니다. 더 정확하고 자세한 공홈을 확인하세요.앱 : 단순 기능, 소규모 웹 애플리케이션프로젝트 : 특정 웹사이트에 대한 구성, 앱의 모음python manage.py startapp &
backend django tutorial #1 프로젝트 세팅
Django django 공홈 튜토리얼 따라 진행하기 1. 가상환경 프로젝트 생성 conda create -n tutorial-01 python=3.7 중간에 proceed y or n? 물어보면 y로 답하고 계속 진행 1) 가상환경 삭제 conda env rem
Backend conda 명령어
가상환경명은 프로젝트 명으로 통일하는 것으로 권장conda env listconda create -n "가상환경이름" python=3.7conda activate "가상환경이름"conda deactivateconda env remove -n "가상환경이름"conda e
backend : 파이썬 가상환경 설치 (miniconda)
파이썬 가상환경(Virtual Environment)을 사용하는 이유 ?여러 프로젝트를 진행할 때 분리된 버전 및 패키지 설치 환경을 갖기위해A프로젝트 : 파이썬 2. 버전 사용B프로젝트 : 파이썬 3. 버전 사용파이썬의 대표적인 가상환경 프로그램은 conda와 vir
nodejs #5 express 사용하기
nodejs 프레임워크이다. 이전포스팅에서 진행한 http, fs 같은 기능을 통합하여 여러줄의 코드를 단 몇줄의 코드로 간편하게 사용할 수 있게 도와준다. 아직은 생소하고 써본적이 없어 모르겠지만 익숙해져보자아~express 공식사이트 : 한국어npm install
nodejs #3 fs(file system)모듈
file system = fs 모듈 지난 포스팅에서는 요청이 들어왔을때 응답을 보내는 방법에 대해 알아봤다. 간단한 문구를 출력하도록 하였었는데 이제 html파일을 보내보도록 하겠다. fs는 아래와 같은 처리를 할 수 있다. w3schools Nodejs 읽기 파