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..

Array 배열(Array) 정의 배열(array)은 같은 타입의 변수들로 이루어진 유한 집합입니다. 배열을 구성하는 각각의 값을 배열 요소(element, 엘리먼트)라고 하며, 배열의 위치를 가리키는 숫자를 인덱스(index)라고 합니다. Array 객체로 배열 만들기 //배열생성 첫번째 방법 var 참조 변수 이름 = new Array(); 참조 변수 이름[0] = 값1; 참조 변수 이름[1] = 값2; ... 참조 변수 이름[n] = 값n; //배열생성 두번째 방법 var 참조변수이름 = new Array(값1, 값2, 값3, ..., 값n); //배열생성 세번째 방법 var 참조변수이름 = [값1, 값2, 값3, ..., 값n]; 배열을 생성하는 방법에는 다음과 같습니다. '참조 변수 이름'이라는..

parseInt(); parseInt() 정의 문자열을 정수로 바꾸는 함수 parseInt() 문법 parseInt(string, radix); string - 분석할 값입니다. - 어떤 값을 입력해도 양의 정수, 음의 정수로만 표현이 됩니다. - 0x로 시작하면 16진법으로 처리합니다. - 문자열의 선행 공백은 무시합니다. - 첫 글자가 숫자로 변하지 않는 값일 경우, NaN으로 반환합니다. radix(진수) - 2~36까지 입력을 할 수 있습니다. - 공백일 경우 기본적으로 10진법으로 표현, 그러나 모든 브라우저가 되지 않을 수 있으니 명시하는 것이 가장 좋습니다. parseInt() 예제 parseInt에 대한 예제를 적도록 합니다. function solution(){ var a = parseI..

생각보다 자주 쓰이지만 또 금방 잊어버리는 paseInt에 대하여 이야기를 해보려고 한다. parseInt() 정의 문자열을 정수로 바꾸는 함수 parseInt() 문법 parseInt(string, radix); string - 분석할 값입니다. - 어떤 값을 입력해도 양의 정수, 음의 정수로만 표현이 됩니다. - 0x로 시작하면 16진법으로 처리합니다. - 문자열의 선행 공백은 무시합니다. - 첫 글자가 숫자로 변하지 않는 값일 경우, NaN으로 반환합니다. radix(진수) - 2~36까지 입력을 할 수 있습니다. - 공백일 경우 기본적으로 10진법으로 표현, 그러나 모든 브라우저가 되지 않을 수 있으니 명시하는 것이 가장 좋습니다. parseInt() 예제 parseInt에 대한 예제를 적도록 합..

오랜만에 코딩 테스트를 해보았다. 확실한 건 이전에 아무것도 모를 때 하는 시점보단, 기본기를 하고 난 후 많이 달라졌다. 일단 무엇을 해야할지 안다. 하지만 아직까진 검색능력이 많이 떨어져서 조금 찾는데 오래 걸렸다. 1. 문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 한다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 array, [i, j, k]를 원소로 가진 2차원 배열 commands가 매개변수로..

이번 주는 마지막 챕터 함수에 대해 공부를 진행하였다. 과제 35. 함수를 이용해서 두 수중 작은 수를 찾는 자바스크립트 작은 숫자를 두 개를 받아 그중에서 작은 숫자를 구하는 스크립트를 구하는 문제였다. 여기서 return이라는 값을 통해 함수를 실행하여 조건이 맞으면 각자에 맞는 return값을 받는 것이다. 과제35 작은 숫자로 함수 스크립트 여기서 마무리 출력은 필자가 입력한 두 숫자 중에 작은 숫자는 결괏값이다 라는 의미로 표현하였다. 모두 값이 잘 들어갔는지 확인을 위해 약간 변형을 하였다. 과제 37. 재귀 함수 계승 구하기 처음 재귀 함수라 그런지 어려워서 이번만큼은 답을 보고 이해를 먼저 하게 되었다. 흔히 우리가 1*2*3*...*n을 할 때, 제일 먼저 생각하는 것은 for문이다. 근..