kasumil의 코딩 공작소

만들려고 했더니 리액트 라우터 돔이 v6로 바뀌면서 호출방식이 바뀐걸 오늘 알았다. Switch 함수가 사라지고 Routes로 변경되었고, usehistory도 대체됨. 이게 뭔 이야기인가 했더니 요거 였다. 바빠서 영상이 올라온 것만 봤었다. 그리고 까먹음. https://velog.io/@ksmfou98/React-Router-v6-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8-%EC%A0%95%EB%A6%AC React Router v6 업데이트 정리 velopert님의 영상을 토대로 정리한 블로그 글입니다.동영상으로 보실분들은 velopert님의 유튜브 영상을 시청해주세요!React Router v6가 정식으로 릴리즈 되었다. 공식문서그 동안 사용했던 React Router v..

https://redux-toolkit.js.org/ Redux Toolkit | Redux Toolkit The official, opinionated, batteries-included toolset for efficient Redux development redux-toolkit.js.org https://soyoung210.github.io/redux-toolkit/tutorials/basic-tutorial/ Redux Toolkit # 기본 튜토리얼: Redux Toolkit 소개 soyoung210.github.io 위 두개는 거진 리덕스 툴킷을 정리한 내용이다. 하지만 내용이 너무 복잡하고, 이것 썼다 저것썼다해서 헤깔린다. 이미 이해를 하고나서 내용을 정리하고자 공식문서 링크를 찾던 도중..

리덕스 툴킷을 다시 배우려고 정리 좀 했다. useSelector = 리덕스 라이브러리 내장된 함수로 리듀서에 있는 state값을 불러오는 함수. useDispatch = 리덕스 라이브러리 내장된 함수로 리듀서 값을 변경시키는 명령 함수. 왜 리덕스가 어렵냐 하면 보일러 플레이트가 많은 상태에서 실질적으로 용어가 많은데, 쓰임을 모르겠으니 헤매는 것. action은 payload를 가지고 있는데, 가르칠때 action도 같이 가르치니 이해가 안된상태에서 헤매게 되는 것. 쉽게 말하면 dispatch 사용하는 것을 action인데, 이를 다른 것처럼 설명하니 헤매게 되는 것이다. dispatch = action이라고 이해하면 편하다. 최상단 index.js import React from 'react'; ..

모든 명령어는 window를 기준으로 작성되어 있습니다. 일단 파이썬 설치를 한다. 이때 path를 클릭해서 기본으로 추가되도록 한다. 이걸 안하면 파이썬 path 설정을 수동으로 잡아야한다. 1. 파이썬 3.4 이후 pip는 내장되어 있으므로 설치할 필요가 없다. 2. 쉘에 접속한다. window 기준 cmd. 3. pip install virtualenv 4. virtualenv (폴더이름) 5. cd 폴더이름/scripts/ 6. activate.bat(가상화 작동 명령) 7. 가상화의 경우 또 다른 컴퓨터를 만드는 것으로 매번 라이브러리를 설치해줘야한다. 8. pip install Django 9. 설치 후 python 입력 10. import django 하고 에러 없으면 깔린게 맞다 11. 그..

파이썬의 카테고리의 이게 처음이자 마지막 작성글일것을 보는데, python은 그냥 기초언어다. 프론트엔드의 html같은것이라고 보면된다. 여기에 확장으로 백엔드 django나 아니면 프론트 flask로 간다. 이걸 모르고 왜 이렇게 어렵지 했는데, do it 파이썬 보고 이건 그냥 기초언어다 싶더라.

세미콜론이 없기도하고 {} 중괄호도 없어서 매우 불편하다. tab키를 이용한 빈칸 공백 스타일이 어떻게 보면 편한데 난 불편해!!! 어떻게 아니 억떻게 ;이 없을 수 가 있어! 자바스크립트 쓰다가 파이썬 쓰면 습관적으로 계속 ;를 계속 치게된다. 아오~ 어떻게 보면 진짜 편한건데 파이썬만 쓰는 게 아니니까 자바스크립트 리액트 php 등을 쓰다보니 ;이 익숙해서 너무 불편하다... 개발하는데 있어 윈도우에서 불편한 점이 많아, 리눅스를 깔려 했더니 윈도우를 포맷해야 하므로 귀찮아 기존에 남아돌던 하드디스크에 설치하여 해당 하드는 500gb정도 개발용으로 쓰려고 생각 중. 요즘 node도 쓸줄 알고 하니까 다시 파이썬 학습 중이다.

https://javafa.gitbooks.io/nodejs_server_basic/content/ README · node.js 서버구축하기 javafa.gitbooks.io https://youtu.be/HeOh-go-fYY?t=253 제일 첫 링크는 get과 post 방식때문에 넣은건데 http모듈을 통해서 작성되어 있다. 두번째는 express 라이브러리를 통해서 작성하는건데, 그냥 현업에 가면 죄다 express 쓰니 하단으로 개념을 이해하자. 필자도 헤맸던 이유가 http는 뭐고 express는 뭔지 둘다 서버를 만드는데 이건 뭘까 했는데, 그냥 다른 이름의 내장 모듈이냐 아니면 외부 모듈이냐 차이다. 그리고 편의성은 외부가 낫고. 그냥 외부인 koa또는 express쓰는 게 좋다. expre..

코드 작동안되는 것도 있고 저자도 이걸 아는데, 깃허브 원본 소스도 안고친다. 아니 웹소켓 만지려고 산건데, 핵심코드가 작동이 안되는 게 말이되나? 진짜 비 엄청와서 책가방이 젖는바람에 책이 젖어서 팔지도 못하고 진짜 trash한 책. 왜 1판때 비추폭탄 맞은건지 이해했다. 쉬운걸 어렵게 설명하는 책이었다. 이걸 왜 파는거지...?

interface는 한마디로 객체를 정리하는것이다. 타입스크립트는 정적 검사기로 코드를 실행하지 않고 오류를 처리하는 것이다. 그러기 위해서 컴퓨터도 이것을 제대로 알아야 하는데, 이를 위해서 입력값이나 반환값을 컴퓨터도 알아야 한다. 그래서 해당 내용을 interface를 통해 입력값을 정해주는 것이다. const user = { name: "Hayes", id: 0, }; // 요렇게도 가능하지만 그냥 보통 interface User { name: string; id: number; } // 인터페이스 명확하게 쓴다. const user: User = { name: "Hayes", id: 0, }; 물론 클래스도 적용이 가능하다. interface User { name: string; id: numb..

//tsconfig.json "compilerOptions": { jsx: "react-jsx" } "react-jsx" 부분에 에러가 생겨 아래와 같은 문제가 발생한다. react-jsx를 react로 변경하면 잠시 에러가 잡히지만, 다시 vs코드를 실행하면 자동으로 react-jsx로 바뀌며 에러 발생 npm list -g typescript 로 버전을 체크 없는 경우 npm install -g typescript 로 설치 vscode의 경우 //settings.json "typescript.tsdk": "{global_npm_path}/typescript/lib" global_npm_path 주소는 터미널에서 npm root -g 로 위치를 파악한다.