Code Repository
1.[ JS ] JSON형식에서 특정 값만 변경하기
스케줄러의 이벤트 정보를 가지고 있는 JSON을 받아오는 코드다.데이터베이스에 Date형식(오브젝트)의 데이터가 저장될 때에는 자동으로 문자열로 변환되어 저장된다.하지만 나는 해당 데이터를 받아와서 Date형식으로 사용해야만한다.따라서 fetch하여 가져온 데이터를 딱
2.[ React ] 쇼핑몰 최신순 / 높은가격순 / 낮은가격순 정렬
쇼핑몰과 같은 페이지에 흔히 있는 SORT옵션이다.select태그로 항목을 선택할 수 있으며, 선택하는 값에 따라 상품들이 정렬된다.작동은 아주 잘 되지만 코드가 조금 조잡해 보이는 감이 있다. BEST WAY는 아닌듯하다. 분명 더 좋은 방법이 있을 것이다. 추후에
3.[ JS ] 배열과 배열, 객체와 객체 요소 비교 방법
!codepenbcl0206/embed/vYzaawx?default-tab=html%2Cresult
4.[ React ] handleChange 깔끔하게 작성하기
useState를 상용하여 상태를 관리할 때에, JS코드와 JSX코드를 보다 간단하고 효율적이게 사용할 수 있는 로직이다. JSX에서 input 태그의 onChange props에 바로 setNewEvnet를 작성하지 않고, 함수를 할당하는 방식으로 따로 빼준다음 아
5.[ JS ] Spead연산자로 추가한 JSON 형태 배열 정렬
JSON 형태의 값 안에 새 객체를 추가하고 싶을 때, 주로 다음과 같은 형식을 사용하게된다.새로운 배열을 생성하여 기존의 값(객체)들을 스프레드 연산자로 모두 넣고, 추가로 새로운 객체를 추가하는 방식이다.이 방법은 새 객체가 스프레스 연산자가의 앞에 오느냐 뒤에오느
6.[ JS ] reduce 메서드 활용 : 같은 카테고리끼리 데이터 묶기
다음과 같은 JSON형식의 데이터가 있다.이를 특정 용도로 활용하기 위해서 다른 형식으로 파싱해주고싶다.데이터를 보면 '쇼핑'카테고리가 4번 등장한다. 이 처럼 같은 카테고리를 가진 요소가 여러개 있을 경우 이것을 하나로 묶어주고자 한다.다음과 같이 말이다.완전히 새로
7.[ JS ] 모든 input태그가 채워져야만 submit 버튼 활성화 (with 객체)
객체의 모든 키의 값이 ""(빈 문자열)이 아닐 경우에만 어떠한 동작을 실행해야하는 경우가 있다.가령 회원가입 시 모든 정보가 작성되어만 완료 버튼이 활성화 되는 경우가 이에 해당한다.거두절미하고 코드는 아래와 같다.다음은 주어진 객체의 모든 키의 값이 ""(빈 문자열
8.[ React ] 회원가입 데이터 유효성 검사 방법
회원가입을 할 때 보면 항상 여러가지 조건들이 걸려있다. 이러한 조건들로입력한 데이터의 유효성을 검사하는 것을 유효성 검사(validation)라고 한다.유효성 검사는 사용자가 제출한 데이터가 특정 조건을 충족하는지 확인하여 데이터의 유효성을 보장하고, 애플리케이션의