배포 : http://hyeon4137.shop/ 코드 : https://github.com/DanHumphry/Velog_Refactoring > 🚨 주의 : 해당 포스트는 해당 시리즈의 과거 코드와 최근 코드를 비교합니다. > production 코드가 아닌

별안간 반복된 학습에 조금 지쳐,,유흥(?)으로 react-native를 찍먹하는 과정에...

1장에서는 useState를 순수JS로 구현해보았는데 2장에서는 나아가 React의 렌더링이 되는 과정을 React라는 모듈을 직접 만들고 조작해보는 과정이다.먼저 React라는 모듈을 생성하고 만들어 놓은 useState라는 hooks를 넣자. 이제 React의 re

Javascript를 배우기도 전, React로 FE의 입문을 해버린 탓인지,늘 기본기가 부족하다고 느끼게됬고..

변화가 빠른 시장에서 언제라도 한사람의 몫을 할 수 있는 개발자가 되기를 꿈꾸며

5. 게시글을 추천할 수 있는 추천기능, 6. 추천 또는 최신순의 정렬기능 7. 게시글 작성시 작성된 기술을 키워드로 가지고, 키워드에 알맞은 filter기능 8. 댓글과 대댓글

시작하기 앞서 5장을 작성하기를 9월 22일.. 두달이 넘은뒤에야 복습을 하고, 매끄럽게 마무리 하지못한 velog따라만들기를 취업이라는 전선에 뛰어들기 전 어느정도 마무리 지으려고한다.

5장을 시작하기 앞서, 교육과정 중 jsp와 Spring에 대해서 조금 배울예정이기에 결과물을 올리는 텀이 좀 많이 길어질 듯 하다.그래서 지금껏 만든 결과물까지 일단 올리고, 시간을 가진뒤에 리팩토링과 나머지 기능구현을 추가해보도록 하겠다 !ps. 사실 댓글(댓글은

3장과 이어지는 4장, Insomnia를 통한 request 테스트, 여기서 얻을 수 있는 REST API의 장점

회원가입시 user의 토큰발행

DRF의 JWT(JSON Web Token)의 인증방식을 통해 로그인과 회원가입 ,

구글링으로 참조를 도와주신 모든 개발자분들에게 먼저 감사합니다.

읽기전에,, Redux가 가진 능력을 보고 꼭 Redux를 배우고싶다는 생각에 무작정 강의를 듣게되었고, 아직 나에게는 이해하기 어려웠던 내용인지라 여기에 정리하면서 다시 익혀보자는 생각이다. 정확한 내용이 아닐수도 있고, 유익한 내용이 아닐수도 있다는 점 왜 ? Redux인가 ? .png) 우선 생활코딩에서도 이 이미지를 보고 Redux에 훅하게 되었는...

이번에 참조한 오픈소스는 다음과같다.http://webjangi.com/design/freetemplate!\[](https://images.velog.io/images/hyeon4137/post/d7073c6c-31d7-4eaa-923e-165b33

copy시리즈의 앞으로 계획 ? 오픈소스기반의 Web을 다운받아서 코드를 분석하고 필요한 소스들만 골라서

CRUD란 ? CRUD - Create, Read, Update, Delete로 웹페이지의 기본적인 데이터 처리기능을 묶어서 일컫는 말이다. 앞서 작성했던 포스트는 title과 sub가 존재하는 Subject Component가 있고 HTML,CSS,JS에대해서 Co

이번에는 bind 와 setState를 설명하기 전에 짜고있는 코드를 한번 쭉 복기하고 bind와 setState를 설명해보겠다. 가장 부모의 Component인 클래스 App에 state값을 설정하는 모습이다. state값에는 mode값이 변경됨에 따라 conten

원래 bind와 setState에 대해서 포스팅을 하려고 했으나, bind함수를 사용하면서 this가 가르키는 내용에대해서 짚고 넘어가야 할 필요를 느껴 breakpoint로 value값들을 확인하는 연습을 먼저 해보았다.https://noooop.tistor

App이란 클래스의 Component안에 이와같이 constructor(){ this.state = {} } 라고 정의되는데 이는 Component최상단에서 먼저 state를 정의하고 후에 어떤 html을 그릴것인가를 정의하는 render()함수를 호출할 때if()문을

우선 react 강의를 듣게 되면서 아무것도 모르는 상태이기때문에 생활코딩을 들었다. 지금 포스팅의 출저는 생활코딩이라 밝힌다.위에 볼 수 있듯 Subject라는 class를 생성하는데 Component에 상속받는다.그 내용은 render()함수를 실행시키면 아래의 문