본문 바로가기
반응형

분류 전체보기33

깃 브랜치 삭제하는 방법 Git branch 삭제 2021.12.28 깃 브랜치 삭제하는 방법 깃의 브랜치를 필요 몇개만 빼고 전부 제거를 해달라고 요청이 왔다.깃 브랜치를 삭제를 하는데, 아래와 같은 에러를 마주 했다. 삭제 명령어를 넣었더니, 아래와 같이 해당 브랜치를 찾을 수 가 없는 것 같다. $ git branch -d packageAdd error: branch 'packageAdd' not found. 그럼 서버에서 있는 깃 브랜치를 지우면 될 것 같아서 아래와 같이 했다. $ git push origin -d style_items To http://gitlab.주소입니다.com/abc/def/front.git - [delete]style_items 위와 같이 처리를 하였다. 글에 오타, 잘못된 정보 등이 존재한다.. 2021. 12. 28.
react-app-rewired 와 customize-cra를 사용하여 CRA eject 안하고 babel 설정하기. create-react-app 에서 eject를 사용하면? eject를 사용하는 머리 좋은 똑똑한 사람들이 있지만, 나는 돌고래 지능이라서 해놓고 감당도 안되고, 원복도 안되고, 개빡치면서 관리가 안된다. eject를 안하고 babel 과 webpack 를 설정을 하려고 여러가지를 찾아보니까 craco와 react-app-rewired, customize-cra같은 패키지가 있었다. 이름이 맘에 들어서, react-app-rewired와 customize-cra를 사용해보려고 한다. react-app-rewired 와 customize-cra 란? react-app-rewired 홈페이지 customize-cra 홈페이지 앞서 위에서 말한 그대로 eject를 안하고 babel, webpack을 설정할 수.. 2021. 3. 16.
useEffect, useMemo, useCallback 사용 후기 말처럼 useEffect, useMemo, useCallback 사용하고 난 후 느낀점 음...리액트 class 방식에서 hook 방식으로 넘어오면서 많은 어려움이 있었다. 특히 didMount 와 didUpdate는 너무나도 편리하게 사용을 했었었다. 개인적인 생각으로 didMount 와 didUpdate가 있어서 많은 편리함이 있어서 hooks에서 지원을 했으면 좋겟다라는 생각을 하긴한다. 물론 지원을 해주는 패키지? 같은게 있긴하다. 필요하다면 찾아서 올려보도록 하겠다. 무튼 쉽게 내가 쓰면서 기억을 해두려고 메모를 해보려고 한다. 배치 순서 useRef useContext useState 작업 함수들 useMemo useCallback useEffect return JSX 개발할 때는 위 순으로 .. 2021. 2. 26.
구글 무료 폰트 사용해보기 무료폰트사용해보기. 많은 개발자, 디자이너들은 가끔 폰트, 이미지, 음원, 라이브러리 등 저작권 때문에 여간 피곤한게 아니다. 특히 폰트, 이미지, 라이브러리, 음원 등 같은 창작물 같은 경우에는 저작권으로 소송까지 이어져 꽤 책임이 무거운 편이다. 이런 문제 때문에, 네이버, 아아한 형제들, 야놀자 등 다양한 폰트를 제공해주고 있으며, 나 또한 네이버 나눔체는 자주 사용한다. 하지만 이것만으로는 너무 부족하고 불편했다. 찾아보니.. 우리 갓구글께서 Google Fonts 서비스를 하고 계셨다. 물론 개발을 할 수 있게 다운로드부터 cdn까지 지원을 해주었다. 특히 css에서 쓰기 너무 좋았다! Google Fonts의 경우에는 라이센스로부터 꽤 자유로워서 폰트로 장사만 하지 않는다면 따로 저작권라이센스.. 2021. 2. 25.
react input 특정 부분만 마스킹하기 Iuput 태그에서 일부분만 마스킹하기 화면을 개발하는 도중 유저의 첫번째 아이디만 제외하고 전부 마스킹을 해달라고 했다. 정확한 오더는 아래와 같다. 유저가 입력할 때는 입력하는 내용이 보여야한다. 유저가 다른 곳을 클릭하면 첫글자를 제외한 나머지는 마스킹을 해야된다. 유저가 아이디를 수정하면 리셋을 해야된다. 위 내용과 같이 코드를 구현하는데, 한번 해두면 두고 두고 쓸 것 같아서 메모를 해둔다. 확실히 리액트는 이것저것 코드들을 좀 정리를 해두어야하는데, 너무 귀찮다. const [userId, setUserId] = useState(''); const [maskingUserId, setMaskingUserId] = useState(''); const handleChangeUserId = (id) .. 2021. 2. 24.
반응형