profile
TIL 기록 블로그 :: 문제가 있는 글엔 댓글 부탁드려요!
태그 목록
전체보기 (122)React(39)django(20)Backend(19)JavaScript(18)python(16)hooks(12)nodejs(9)redux(8)프로젝트1차(6)typescript(6)git(6)github(5)express(5)클론코딩(4)graphql(4)Crawling(4)Database(3)CSS(3)vscode(3)scss(3)JWT(3)npm(3)CRUD(3)shell(3)CRA(2)mysql(2)gatsby(2)html(2)http(2)TIL(2)인증인가(2)노마드코더(2)package.json(2)aws(2)Module(2)예외처리(2)beautifulsoup(2)styled components(2)webpack(2)authentication(2)ESLint(2)Prettier(2)nextjs(2)bcrypt(2)authorization(2)useRef(2)Custom Hooks(2)&&(1)클로저(1)setState(1)is not a function(1)Node(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)useCallback(1)메모이제이션(1)code 명령어(1)destructuring(1)useEffect(1)useState(1)useContext(1)useMemo(1)useReducer(1)status code(1)iamport(1)transform(1)transition(1)Fetch(1)blog(1)yarn(1)prefetch_related(1)set(1)import(1)package(1)sys.modules(1)sys.path(1)install(1)contextAPI(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)dataset(1)forwardRef(1)not defined(1)reference error(1)createReducer(1)github blog deploy(1)github reset(1)grapyql(1)surge(1)createAction(1)graphDB(1)암호화(1)pip(1)Token(1)ref(1)interface(1)life cycle(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)env(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)try catch(1)higher-order-component(1)useImperativeHandle(1)code convetion(1)useDebugValue(1)비동기함수(1)input auto focus(1)gh-pages(1)getInitialProps(1)models(1)salting(1)useLayoutEffect(1)프로젝트공유(1)GNB(1)flow(1)create repository(1)resetcss(1)version control system(1)CSS pre-processor(1)라우트(1)animation(1)git merge(1)storybookjs(1)squash(1)fontawesome(1)소스코드빌드(1)git stash(1)리액트기본세팅(1)key stretching(1)input outline(1)selectrelated(1)VCS(1)에러생성자(1)로그인(1)Immer(1)promise(1)defualtValue(1)리덕스(1)create react app(1)tutorial(1)decorator(1)js(1)frontend(1)MacOS(1)context(1)HoC(1)Sass(1)cors(1)react.js(1)tree(1)typeError(1)

PROJ-FOODLY-프로젝트를 마치며

2주간 진행됬던 프로젝트가 끝났다. 첫 주만 해도 여유부리며 블로그도 작성하고 했는데, 2주차가 되면서 시간이 촉박, 머리속은 복잡(..깨알라임) 블로그할 여유도 없어져 버렸다. 다 끝난 지금에서야 하루하루 꼭 정리할 걸 후회하며 마무리 정리 포스팅을 써본다.login

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

PROJ-FOODLY-DAY5 : setState()

프로젝트 4일차, react 팁 정리 비동기 & 동기 비동기 : 함수가 실행되면 동작이 예약되며 언제 시작하고 끝나는지 알 수 없다. ex) fetch(), setState() 동기 : 함수가 실행되면 setState()의 비동기처리 1번 인자 : state 변

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

React 프로젝트에서 Input Tag AutoFocus

프로젝트를 진행하면서 input창에 AutoFocus 되도록 하기 위해 리액트에서의 ref기능을 사용하게 되었다.(React 16.3 이후 버전) 리액트 공식문서를 살펴보면 ref 기능은 있지만 쓰지 말길 권하고 있다. 이게 무슨 상황인가?! 기능은 있지만 쓰지 말라

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

PROJ-FOODLY-DAY3 : 리액트에서 이미지 임포팅

<img src='../../img' alt=''/>리액트에서 src속성을 사용하기 위해서는 import가 필수적이다. import를 통해 해당경로를 변수에 담아주고, 변수를 src속성값으로 사용한다.import 변수명 from '../이미지경로/파일명.확장자';

2020년 2월 27일
·
1개의 댓글
post-thumbnail

PROJ-FOODLY-DAY2 : 깃 적응하기 & 폰트어썸

프로젝트 2일차.첫날 로그인/회원가입 HTML, SCSS 까지 마무리하였고, 오늘은 MAIN CONTENT와 FOOTER 까지 끝내기가 목표. 하지만 다 못했지요프로젝트를 진행하면 각자 맡은 컴포넌트/기능에 맞춰 깃 브랜치를 생성하고 작업하게 된다. 나는 4가지의 컴포

2020년 2월 25일
·
0개의 댓글
post-thumbnail

PROJ-FOODLY-DAY1 : react 초기세팅, 코딩컨벤션

2주간 진행되는 클론코딩 프로젝트가 시작되었다. 내가 속한 팀은 Foodly 사이트를 클론 하게 되었고, Front 3, back 3명 총 6명의 인원이 참여하게 되었다.프로젝트 시작에 앞서 앞으로 1주간의 일정을 확인했다. front-end팀은 main/login/r

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