본문 바로가기

자바스크립트14

[JS] 날짜 형식 커스텀 yyyy-mm-dd // dataFormat.js const leftPad = (value) => { if (value >= 10) { return value; } return `0${value}`; } const toStringByFormatting = (source, delimiter) => { const year = source.getFullYear(); const month = leftPad(source.getMonth() + 1); const day = leftPad(source.getDate()); return [year, month, day].join(delimiter); }; const dataFormat = { toStringByFormatting, }; export default dataFormat; 날짜.. 2023. 7. 19.
[JS] value로 key값 찾기 value로 key값 찾기 const list = { "a": "netmable", "b": "nexon", "c": "ncsoft", "d": "kakaogames", } function getKeyByValue(object, value) { return Object.keys(object).find((key) => object[key] === value); } getKeyByValue(list, "nexon") // b 2023. 7. 19.
[JavaScript] encodeURIComponent()를 사용한 URI 공유 💥'텔레그램 링크 공유하기' 기능을 구현에 있어 '+'문자열이 무시되는 경우 발생. https://t.me/+_abscefb1234 위와같은 링크를 아래와 같은 함수로 전달했다. function shareTelegram() { let sendUrl = "https://t.me/_abscefb1234"; window.open("https://telegram.me/share/url?url=" + "&url=" + sendUrl); } 하지만 다음과 같이 + 가 빠진 상태로 전달되는 현상 발생 https://t.me/_abscefb1234 이렇게 공유가 되었다. 주소창에는 원하는 url이 잘 전달 되었기에 (+모바일에서는 url 문자열이 완벽히 출력됨. PC앱에서만 문제가 생김._ 텔레그램 자체의 어떤 상황으.. 2022. 7. 4.
[JS lib.] Lodash - 기초 문법 이번에 이관 받은 운영툴 분석 중 배운 것. - Lodash 란? 모듈성, 성능 및 추가 기능을 제공하는 최신 JavaScript 유틸리티 라이브러리입니다. Lodash는 배열, 숫자, 객체, 문자열 등으로 작업하는 번거로움을 없애 JavaScript를 더 쉽게 만듭니다. Lodash의 모듈식 방법은 다음과 같은 경우에 적합합니다. 배열, 객체 및 문자열 반복 값 조작 및 테스트 복합 함수 만들기 출처 : lodash공식사이트 Lodash _.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });_.partition([1, 2, 3, 4], n => n % 2);DownloadLodash is released under the MIT license & supports modern en.. 2022. 6. 28.
[JavaScript] 함수 선언문과 함수 표현식 호출의 차이 - function statement/function expression 이전 내용의 추가 - 함수의 정의 - 함수의 호출 함수 선언문 : 어디서든 호출 가능 호이스팅(Hoisting)됨 (수정필요) foo(); // 'hi' function foo(){ console.log('hi'); } foo(); // 'hi' 함수 표현식 : 해당 코드에 도달 했을 때 함수 생성 foo() // ReferenceError: foo is not defined let foo = function(){ console.log('hi'); } foo() // 'hi' 출처 : 유튜브 '코딩앙마' - 자바스크립트 기초 강좌 #11 - 함수 표현식, 화살표 함수(arrow function) 2021. 12. 8.
[JavaScript] Ajax, Axios를 사용한 요청 외부 라이브러리 api방식 Ajax (MDN명세) 페이지 새로고침 없이 서버에 요청 서버로부터 데이터를 받고 작업을 수행 비동기성!! ✅ jQuery의 경우 주로Ajax 사용 (jQuery안에 기본적으로 있음) $.ajex() ✅ React나 Vue의 경우 Axios사용 사용 https://axios-http.com/docs/intro 참고 코딩애플 - Ajax가 무엇인지 설명하는 영상 (+CORS, fetch 어쩌구) 2021. 11. 22.
[JavaScript] fetch함수에서의 에러(Error) 처리 react환경에서의 fetch 함수로 api요청한 실습 // fetch함수를 통한 GET요청 -> 데이터를 가져옴 fetch('https://주소.json') // then함수를 사용해 가져온 데이터를 출력 .then ((response) => { // callback함수 return response.json() }) // 파싱한 결과를 출력해 볼 때 .then ((result) => { console.log(result) }) [에러 처리] fetch('https://주소.json') .then ((response) => { return response.json() }) .then ((result) => { console.log(result) }) // 에러처리 .catch(() => { console.. 2021. 11. 22.
[Algorithm 027] JS - 제일 작은 수 제거하기 (Level 01) 문제 출처 : 프로그래머스 prorammers - 평균 구하기 (링크) 문제 설명 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고, [10]면 [-1]을 리턴 합니다. 제한사항 arr은 길이 1 이상인 배열입니다. 인덱스 i, j에 대해 i ≠ j이면 arr[i] ≠ arr[j] 입니다. A. 내가 푼 답 function solution(arr) { var answer = arr; answer.splice(answer.indexOf(Math.min(...arr)), 1); if (answer.len.. 2021. 11. 14.

티스토리툴바