개발/FRONT21 Json Array에서 공백 배열 찾기 Json Array 배열에 어떤 조건인지 체크해서 특정 배열의 값을 가져오고 싶은 경우가 있다. // 샘플 Json Array 데이터 const jsonArray = [ { id:1, name: 'John', age: 25}, { id: 2, name: 'Tom', age:28}, { id: 3, name: 'Doe', age:34} ]; 이 배열에서 id든 name이든 age든 공백이 있는 배열을 가져와보자. jsonArray.forEach(obj => { for (const key in obj) { if (typeof obj[key] === 'string' && obj[key].trim() === '') { console.log(obj); } } }); 이렇게 해도 되지만, some 을 한번 사용해보.. 2024. 1. 3. 아이폰(IOS)에서 new Date 포맷 오류 어느 날 web, 안드로이드(aos)에서는 되는데 아이폰에서는 안 되는 문제가 생겼다. 로직을 보아하니, 스크립트에서 날짜 계산하는 로직부분에서 문제였는데 검색해보니 IOS에서는 보안상의 문제로 날짜 포맷을 인식 못하는 이슈가 있다고 한다. 개발하다보면 핸드폰의 기종마다 모두 테스트 하기에는 어려운 문제들이 많기 때문에 이런 문제들은 나올때마다 난감하면서도 어렵게 느껴지기도 한다. 심지어 나는 태어나서 한번도 애플 제품으르 사용한 적이 없는.. 순정 안드로이드파이기 때문에 이번 오류는 더욱 더 어렵게 느껴지기도 했다. 아이폰이나 맥북이 없어서 디버깅도 어렵고.. 설사 있다고 한들 환경 설정부터 다시 해서 디버깅을 해야하는 상황은... 상상만해도 피곤하다. 정말정말 방법이 없을 때는 그렇게도 할 수 있다지.. 2023. 12. 31. NUXT에 대하여 어쩌다보니 내가 메인은 아니지만.. 운영중인 VUE 프로젝트를 볼 수 있었다. 근데.. VUE에 대하나 실무 경험은 없다보니 분석을 하다보니 눈에 띄는게 있었다. NUXT!! 이게 뭘까 검색하다가 VUE와 같이 쓰는 프레임워크 라는 거고 이게 핵심이라는 것 같아서 한번 읽어봤다. 결론은 서버 없는 정적 생성 웹 어플리케이션 을 만들 수 있다는 것이고 NUXT에 대해서는 공식 문서의 내용을 가져와봤다. What is Nuxt.js? Nuxt.js는 일반적인 Vue.js 어플리케이션을 만드는 프레임워크 입니다. 주요 범위는 클라이언트/서버 배포를 추상화 하는 동안의 UI rendering 입니다. 우리의 목표는 Node.js 기반의 프로젝트 또는 기본 프로젝트 베이스로 사용할 수 있을 만큼 유연한 프레임워크.. 2023. 12. 30. VUE에 대해서 프론트, 백엔드가 나뉘기 시작한 시점으로부터 한참 뒤, VUE라는게 나왔다. react가 대세로 떠오르긴 했지만 JavaScript에 취약한 나는 react의 material을 따라가기 어려워 회피하고야 만다. 그 와중에 떠오른 VUE는 그나마 react보다는 접근이 쉬워 보였으나... 실제로 접한 VUE는 생각보다 쉽진 않았고 모르는 것 투성이고 프론트에 취약하기 때문에 VUE에 대해서는 공부해야겠다고 생각했다. 그러나 실천이 어렵고... 어렵다. 그래서 VUE란 무엇인지, 공식 문서에 있는 내용을 한번 읽어보기로 하자. 참고로 현재는 VUE 3 가 나온 상태이다. Vue( view 와 마찬가지로 /vjuː/ 라고 발음합니다 )는 사용자 인터페이스를 구축하기 위한 JavaScript 프레임워크입니다. .. 2023. 12. 30. 이전 1 2 3 4 5 6 다음
