JNarin Development Story

리액트 프론트 앤드 개발자를 하면서 리덕스는 꽤나 중요한 축에 속해진다. 하지만 러닝커브가 길기 때문에 처음부터 많이 적용할 수도 없고, 적용을 많이 못하였던 것이 필자의 현실이었다. 그리고 다시 공부를 하면서 조금 깊게 파기 위해 리덕스가 무엇인지, 왜 필요하여 많이 쓰이는지에 대해 진득하게 정리를 해보기 위해 이 글을 쓰게 되었다. 왜 리덕스인가? 가장 궁금한 것 중 하나는 왜 리덕스를 쓰는 지다. 사실 찾으면 찾을수록 당연히 필요하다고 느낄 수 있지만, 처음 접한 사람에게는 이것이 굳이 왜?라는 기분이 들 수 있다. 리덕스는 쉽게 말하면 상태 관리를 의미한다. 리덕스를 사용하기 위해서 리덕스를 사용하기 위해 최소한의 설치는 다음과 같다. node, npm OR yarn 필자가 느끼기엔 이것이 가장 ..

회원가입 로직을 하다 보면 정규식에 대해 쓰이는 경우가 종종 있다. 근데 막상 찾다 보면 내가 원하는 데로의 정규식 찾는데 다소 시간이 걸려 그 부분을 해소하고자 정규식 관련 자료를 모아보았다. 이메일 유효성 검사 const regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; 위 코드는 이메일 형식으로 되어 반드시 @와. 이 들어간 완성된 이메일 형식으로 되어야 한다. ex) test@te_st.com (O) ex) test_34@te3st.com (O) ex) test.to@te2st.com (O) ex) test.coj (X) 번호 유효성 검사 번호 유효성 검사는 크게 핸드폰과 일반..

최근 인터넷 익스플로러에 대한 뉴스가 나왔다. 마이크로 소프트의 웹브라우저인 인터넷 익스플로러 결국 내년 6월에 세상에서 사리진 다는 소식을 접하게 되었다. 물론 그전에도 이미 인터넷 익스플로러에 대한 인지도는 떨어졌지만, 나이가 있는 분들은 아직도 쓰고 일부 회사 사이트는 익스플로러에서만 접속이 가능하는 불편함이 있다. 그 과정에서 우리는 인터넷 익스플로러를 더 이상 사용하지 않게 될 경우, 지금이라고 이 브라우저 접속을 막아보는 방법을 찾아보았다. 먼저 내가 접속한 브라우저가 무엇인지 확인하는 코드다. let agent = navigator.userAgent.toLowerCase(); if ((navigator.appName == 'Netscape' && navigator.userAgent.searc..

원래 VSCode는 터미널을 열 때 기본 터미널 설정이 가능하게 되었다. 그런데 터미널 디자인이 바뀐 후에는 그 부분이 되지 않아, 다른 방법을 찾게 되었다. 일반적으로 내 기억 속에서는 아래와 같은 방식으로 금방 설정이 된 것으로 기억한다. 이렇게 설정 후 터미널을 닫고 다시 터미널을 열면, 원하는 형식으로 나오는데 터미널이 두 개가 열리는 현상이 된다. 그래서 다른 방법을 알아보았고 그 방법을 설명해보려고 한다. powershell에서 git bash로 변경하는 방법 먼저 Ctrl + , 를 눌러 settings로 들어가 terminal.integrated.shell이라는 것을 입력한다. 그리고 필자와 같은 윈도라면 윈도 아래에 Edit in settings.json을 클릭한다. settings.js..