블로그

JavacScript의 truthy, falsy 이해하기 Truthy, Falsy  vs True, False ☝ Truthy? 그게 뭔데? true, false는 들어봤어도 truthy, falsy는 잘 모를수도 있다. 우선 이 둘의 차이점을 알아보자.  True와 False: 불리언 타입의 값으로 각각 참과 거짓을 나타낸다.Truthy와 Falsy: 조건문이나 논리 연산에서 각각 true 또는 false로 평가되는 다양한 타입의 값을 의미한다.  평가 방식:True와 False는 불리언 표현식의 결과로 직접 사용된다.Truthy와 Falsy는 조건문이나 논리 연산에서 평가될 때 true 또는 false로 해석된다.  Truthy, Falsy 알아보기 ☝ Truthy, Falsy 개념을 알면 뭐가 좋지..

주소 입력 받기새로운 프로젝트를 시작하면서 주소값을 입력받아야 하는 일이 생겼다.내가 주소를 입력받아서 DB에 저장하면, 다른 팀원이 map api로 해당 위치를 지도로 표현할 것이다. 주소를 입력받는 방법은 두가지가 있다.행정안전부 도로명 주소 api, 카카오 우편번호 찾기 api 내가 봤을 땐 카카오 api의 UI가 더 직관적이어서 카카오를 선택하게 되었다.    카카오 우편번호 찾기 서비스 제목은 api라고 적었지만 사실 REST API 서비스는 아니다.카카오에서 제공하는 스크립트를 본인의 기술 스택에 알맞게 고쳐서 쓰면 된다.한번 해볼까? https://postcode.map.daum.net/guide Daum 우편번호 서비스우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 ..

JSON 문자열 구조화된 데이터를 표현하는 특정 형식을 가진 문자열// JSON 문자열 예시{ "name": "John", "age": 30, "isStudent": false}  구문 규칙 키-값 쌍으로 구성키(property)는 항상 큰따옴표(")로 감싸야 한다.값(value)은 특정 형식(문자열,숫자,객체,배열,true,false,null)을 따라야 한다. 데이터 타입 JSON은 숫자, 문자열, 객체, 배열, 불리언, null 타입을 지원일반 문자열은 이러한 타입 구분이 없다. JSON  정의 JavaScript Object Notation, 경량의 데이터 교환 형식사람이 읽고 쓸 수 있을 뿐 아니라 기계에서도 쉽게 분석하고 생성할 수 있도록 설계되었다.JavaScript 언어를 기..

map 메서드와 화살표 함수 map 메서드는 배열의 각 요소를 순회하며 주어진 함수를 호출해 새로운 배열을 생성합니다.화살표 함수는 간결한 문법으로 함수를 정의할 수 있다.반환 방식에 따라 명시적 반환과 암묵적 반환으로 나눌 수 있습니다. `map` 메서드를 사용할 때 `return`을 제거하면 화살표 함수의 암묵적인 반환이 제대로 이루어지지 않기 때문에 동작하지 않을 수 있습니다.  명시적 반환과 암묵적 반환 명시적 반환: 중괄호 `{}`를 사용한 경우에는 `return` 키워드를 사용해 값을 명시적으로 반환해야 합니다.암묵적 반환: 중괄호 `{}` 없이 표현식만 사용하는 경우, 해당 표현식의 결과가 암묵적으로 반환됩니다. 코드 예제명시적 반환을 사용한 경우:{categories.map((cat) =>..

React의 특수 prop : children children은 React에서 사용하는 특수한 prop으로, 컴포넌트 태그 사이에 위치한 모든 내용을 나타낸다. 부모 컴포넌트에서 자식 컴포넌트로 전달되어, 자식 컴포넌트 내부에서 렌더링될 수 있다. 아래와 같이 와 사이에 위치한 내용이 children이 된다.사용자 로그인 중...위 코드에서 "사용자 로그인 중..."이라는 내용이 LoginProvider 컴포넌트의 children prop으로 전달된다. children 대신 다른 변수를 사용하면? React에서 children을 다른 변수로 대체하려고 하면 오류가 발생한다. 이는 React가 children을 특별하게 취급하며, children이 항상 존재해야 하고 올바른 타입이어야 한다는 규칙을 따르기..