profile
지속가능한 개발자
post-thumbnail

git pull upstream main

bye "git pull upstream develop"오늘 세 가지 사항을 고치고 마지막 커밋을 하고, develop을 main에 merge해줬다. coting ver.1.0 출시이다.감회가 새롭다. 눈물날 것 같네. 마지막으로 깃 관리에 대해서 한 번 더 정리해본다

2021년 11월 25일
·
0개의 댓글

styled emotion simple import

emotion 을 사용해봤는데 너무 편리하다.하지만 import 하려고 보면 안 편리하다.편한 이유는 이렇게 스타일 시트에서 바로 라이브러리의 태그를 불러와서 스타일을 줄 수 있기 때문이다. 불편한 이유는 이걸 쓸 때도 스타일 파일에서 저렇게 하나하나 export 해서

2021년 11월 10일
·
0개의 댓글
post-thumbnail

협업시 git 관리

드디어 팀프로젝트...익숙치 않은 리액트 네이티브...더욱 더 낯선 git 관리...정말 하루하루 생각한다. 내가 과연 이것을 할 수 있을까? 못하면 어떻게 될까?내가 모르는 것을 누군가는 알고있다. 구글신과 내 동료들. 나는 못하지만 그들은 가능하다는 믿음을 갖고,

2021년 11월 6일
·
0개의 댓글
post-thumbnail

refreshToken

내 머릿속의 지우개...처럼 현재 우리가 사용하는 테스트 서버에서는 한 시간짜리 accessToken을 발급해주는 시스템이라, 한시간마다 액세트토큰을 지우고 새로 발급받아야 권한없음 에러가 발생하지 않는다. 현업에서도 한시간까지는 아니지만 6시간 최대 24시간 정도로

2021년 10월 21일
·
0개의 댓글
post-thumbnail

react-quill 과 Dompurify

텍스트 에디터 라이브러리 react-quill을 소개합니다.발음은 퀼 입니다.지금 쓰는 벨로그의 텍스트 입력창처럼 html 꾸미기의 기본 기능을 제공하는 텍스트 입력창라이브러리 입니다. 이것을 사용하면 사용자가 텍스트를 입력시에 강조효과, 기울이기 등 편집을 할 수 있

2021년 10월 13일
·
1개의 댓글
post-thumbnail

HOF / HOC

말그대로 권한을 나눈다라는 뜻이다.사용자 입장에서 본다면, 사이트는 사용자가 로그인한 상태와 로그인하지 않은 상태에 따라 볼 수 있는 페이지는 달라야한다. 이것도 물론 권한 분기이다.더 큰 그림을 보면 사용자 말고도 관리자가 있다. 관리자가 볼 수 있는 페이지는 사용자

2021년 10월 6일
·
0개의 댓글
post-thumbnail

Search창 구현하기

검색창을 구현하기 위해 먼저 검색 프로세스를 잠시 알아보자.백엔드의 검색 시스템 구조먼저 가장 기본적인 방식초기에 빠르게 만들기 위한 방법으로 사용되고, 서비스가 커짐에 따라 이러한 방식은 잘 사용되지 않는다.풀스캔 방식을 개선하기 위해 데이터베이스에 저장할 때, 문장

2021년 9월 30일
·
0개의 댓글
post-thumbnail

깊은 복사와 얕은 복사

자료형이 불린, 넘버, 스트링이 아닌 참조형이라고 불리는 배열, 객체는 복사할 때 값이 아니라 주소를 복사한다는 것을 세상이 다 알고 있다. 그러면, 얘네들은 복사를 어떻게 함?값이 아니라 주소가 복사가 되면 무슨 문제가 생김?복사한 배열과 원본 배열이 같은 주소를 공

2021년 9월 23일
·
0개의 댓글
post-thumbnail

sort() 특집

JavaScript의 배열 메서드의 대표주자인 sort()를 알아보자.다른 언어는 기본적으로 정렬메서드는 숫자 배열을 정렬한다(고 한다). 그런데 자바스크립트의 sort()는 기본적으로 문자 배열을 정렬하는 메서드이다. 사용법은,

2021년 9월 10일
·
0개의 댓글
post-thumbnail

Optional Chaining 특집

오늘은 옵셔널 체이닝 특집이다. 사실 삼항연산자까지는 잘 알고 있었는데, 지금부터 다루는 내용은 내가 이전에도 다른 사람의 코드에서는 보았지만 제대로 설명을 들은 적은 없었던 방식이다. 그래서 다루는 옵셔널체이닝 특집!! >optional-chaing은 최신 문법입니

2021년 9월 9일
·
0개의 댓글
post-thumbnail

거짓인 값

오늘로 수업에서 두 번째 다루게 된 거짓인 값. 중요해보여서 가져왔다. 숫자 0''falsenullundefinedlet FALSE = 0, '', false, null, undefined이 다섯 가지는 자바스크립트에서 거짓으로 보는 값이다.주의할 점은 0이 '0'이면

2021년 9월 9일
·
0개의 댓글
post-thumbnail

useRouter, 동적라우팅

그냥 리액트만 사용할 때 나는 ... 페이지 이동을 위해서 많은 명령어를 사용했어야 했다. 하지만 넥스트라이브러리를 사용하니, 이렇게 세상 편하게 이동을 할 수가 없어!라우터는 이름에서 알 수 있듯이 페이지 이동을 위해 사용한다.길을 만들어 주는 것 기존의 리액트 라우

2021년 9월 9일
·
0개의 댓글
post-thumbnail

useMutation

사실 이것을 먼저 포스팅했어야 했는지도 모르겠다.좀 전의 useQuery를 먼저 포스팅한 이유는 그 다름이 특이해서였다. 쿼리문을 보면 이렇게 생겼다. 읽어보면 알겠지만 게시판의 글을 삭제해달라는 api요청문이다. 글을 삭제하려는 요청에서 필수로 전달해야 하는 정보는

2021년 9월 9일
·
0개의 댓글
post-thumbnail

useQuery

갑자기 hook 들어오는, use어쩌고 리액트 훅의 하나이다.useState는 이제 익숙하지만 useQuery는 또 무엇에 쓰는 명령어인고...그렇다. 지금 배우는 것이 어렵게 느껴진다면 더 어려운 것을 배워보자. 어렵게 느껴졌던 것이 상대적으로 쉬워보이는 효과가 있을

2021년 9월 9일
·
0개의 댓글
post-thumbnail

typescript

요즘 핫한 타입스크립트를 알아보자.타입스크립트는 무엇일까? TypeScript: 자바스크립트의 타입을 강제하는 언어왜 이런 것이 필요할까? 너무나도 유연한 언어인 자바스크립트는 다른 언어에서 안되는 게 다 되는 일이 비일비재하다. \~~그래서 미친 언어라는 별명도 있다

2021년 9월 9일
·
0개의 댓글
post-thumbnail

React Hook!

오늘 배운 재미있는 리액트 함수형 컴포넌트.오늘 설명 중 인상깊었던 부분은, 리액트의 변수 선언을 state에 비교했다는 것이다.이게 별 것 아닌 것 같은 설명 같지만, 굉장한 설명인 것이, 리액트에서는 값이 변하려면 state와 setState밖에는 안되기 때문에 s

2021년 8월 31일
·
0개의 댓글

input type radio color change

2021.8.30. 어제 이거 하다가 결국 해결을 못했는데, 구글링을 아무리해도 해결이 나지 않았다. (구글링 한 코드 다 적용해봤는데 변화가 없음) 이거 해결하면 추가 포스팅 할 예정!

2021년 8월 31일
·
0개의 댓글
post-thumbnail

styled component 사용법

2021.8.30. 어제 처음 스타일드 컴포넌트로 css in js 방식으로 사용했는데 불편한 점이 있었다.바로 import와 export가 너무 많아지게 되는 것이다.(css in js라서 스타일 파일이지만 .js로 끝나는 것에 유의. css를 자바스크립트로 표현한

2021년 8월 31일
·
0개의 댓글
post-thumbnail

Codecamp 1일차...

코드캠프와 나, 우리 오늘부터 1일! 정말 첫날부터 마음에 든다. 오늘은 next.js를 설치하고 emotion을 설치하여 스타일드 컴포넌트로 css in Js를 연습해봤다. 리액트의 최신 라이브러리 next.js를 알기쉽게 가르쳐주는데, 잘 안 될 때마다 설치가이드가

2021년 8월 30일
·
0개의 댓글