티스토리

야근시렁
검색하기

블로그 홈

야근시렁

jotokkiplayground.com/m

야근이 싫은 개발자

구독자
0
방명록 방문하기

주요 글 목록

  • javascript로 개발할때 자주 사용하는 유효성 체크 5가지 1. 빈값 체크 하기 (Null, Undefined)form 작성할때 필수값 체크할때 무조건 필요해요. 단순히 value가 비어있을때 체크해도 되지만 확실하게 null값, undefined 값을 같이 비교해주면 완벽하게 비교할 수 있습니다.function isEmpty(value) { return value === null || value === undefined || value === '';}// 사용 예시console.log(isEmpty(null)); // trueconsole.log(isEmpty('')); // trueconsole.log(isEmpty(0)); // falseconsole.log(isEmpty([])); // false  2. 숫자인지 체크 보통 inp.. 공감수 1 댓글수 0 2025. 2. 23.
  • Obejct 를 다루는 함수들 Object형 데이터는 어떻게 map을 돌려야 할까. const person = { id: 15, name: "홍길동", age: 33 }; 이렇게 생긴 데이터가 있다고 하자. Object.keys() 함수를 사용하면 각 object의 key 값을 배열로 나열해 준다. const user = { id: 15, name: "홍길동", age: 33 }; const keys = Object.keys(user); console.log(keys); // ['id', 'name', 'age'] 그리고 만약 value 값을 return 하고 싶다면 이렇게 한 뒤 key값들을 map이나 for문으로 돌려주면 된다. const user = { id: 15, name: "홍길동", age: 33 }; Object.key.. 공감수 0 댓글수 0 2023. 9. 13.
  • 문자열을 다루는 slice, split, substring 문자열을 다루는 함수들은 실무에서도 많이 사용되고 있습니다. 알아두면 유효하게 쓸 수 있습니다. 1. slice 함수 slice 함수는 문자열의 부분 문자열을 추출하여 반환합니다. 시작 인덱스와 종료 인덱스를 인자로 받아 해당 범위의 문자열을 반환합니다. const str = "Hello, world!"; const slicedStr = str.slice(0, 5); // 0번째부터 4번째 글자까지 const slicedStrLast = str.slice(-6); // 마지막부터 5번째 글자까지 console.log(slicedStr); // "Hello" console.log(slicedStrLast); // "world!" 2. split 함수 split 함수는 문자열을 특정 구분자를 기준으로 분할하.. 공감수 0 댓글수 0 2023. 9. 9.
  • 배열을 다루는 forEach, map, filter 1. ForEach 함수 forEach 메서드는 배열의 각 요소에 대해 주어진 함수를 실행하며, 반환값은 없습니다. 이 메서드는 배열의 각 요소에 대해 특정 작업을 수행하고자 할 때 사용됩니다. 즉, forEach는 배열을 순회하는 것 외에는 아무런 결과를 반환하지 않는다는 것입니다. const numbers = [1, 2, 3, 4, 5]; numbers.forEach(num => console.log(num)); // 1 // 2 // 3 // 4 // 5 2. Map 함수 map 메서드는 배열의 각 요소에 대해 주어진 함수를 실행하고, 그 결과를 모아 새로운 배열로 반환합니다. 이 메서드는 원본 배열을 변경하지 않습니다. 대신 새로운 배열을 반환하기 때문에, 변환된 값을 바탕으로 새로운 배열을 생성.. 공감수 0 댓글수 0 2023. 9. 8.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.