혜원의 개발노트

사실 어그로를 끌려고 제목을 저렇게 적어봤다ㅎ 근데 난 치트키라고 생각하긴함. 왜냐면 프론트작업에서 귀찮은 작업을 줄여주기때문임! MSW DX를 위한 Mock Service Worker 웹 프론트 개발자가 API구현 작업의 영향을 덜 받게 하여 DX를 개선하는것이 목표 브라우저에 몰래?숨어있다가 마치 백앤드 API인 척하면서 프론트엔드의 요청이 발생하면 Mock 데이터를 응답해줌 위 그림이 프론트엔드 작업 플로우를 잘 표현한다고 생각해서 첨부해봄 새로운 기능이나 페이지를 만들때, api가 아직 준비가 안되어 있는 경우가 많다. 그럴때마다 우리 팀은 mock파일을 만들어 가짜 데이터를 만들었다. 그리고 비동기에 대한 처리(로딩 표현, state에 값 넣어주기 등)도 나중에 api를 연결할때 처리를 해주는경..

후우 이건또 무슨에러냐 arch -x86_64 pod update 를 실행하니 제목과 같은 에러가 떴다. 그래서 ios > Podfile 안에있는 platform :ios, '11.0' 을 platform :ios, '15.0' 로 변경해주니 위 에러는 사라졌다. (근데 다른에러가 또 뜨긴함ㅋ쿠ㅜㅠㅜ)

기존에 인텔 맥에서 진행하던 프로젝트를 m1맥에서 실행시켜보면 아래와 같은 에러가 났다. pod install이 실행이 안되는문제인데, 이것저것 찾아보다가 이 블로그를 찾았다. 해결책은 #1 Install ffi 터미널에서 입력 sudo arch -x86_64 gem install ffi #2 Re-install dependencies ios/ 위치에서 입력 arch -x86_64 pod install 라고 한다. 그래서 이 코드를 실행해보니 pod도 잘 설치되고, simulator에서도 잘 켜진다. 흑......다행이다.... 이젠 pod install을 실행하면안되고, 저 위의 코드를 실행시켜야한다!

소수점이 포함되어 있는 숫자(number 타입의 데이터)를 표현할 때 소수점 몇자리까지 표현 + 천단위마다 쉼표찍기 를 나타내고 싶을때 const myNum = 12345.6789 myNum.toFixed(1).toLocaleString() 위처럼 실행해봤다. Number.toFixed() toFixed(n)는 소수점 n번째자리까지 표현한다. 소수점 이하가 길면 숫자를 반올림하고, 짧아서 부족할 경우 뒤를 0으로 채울 수 있다. Number.toLocaleString() 숫자를 언어별로 구분하여 나타내는 문자열을 반환한다. 데이터를 다양한 형태로 나타낼때 사용하면 좋을듯! 제공하는 기능이 많으니 설명을 따로 적는것보다 doc을 읽으면 좋을듯하다 암튼, 나는 천단위마다 쉼표를 찍기위해 이 메서드를 사용했다..

패키지 매니저란? 패키지 매니저는 패키지를 다루는 작업을 편리하고 안전하게 수행하기 위해 사용되는 툴이다. 패키지 매니저의 도움으로 패키지를 설치, 제거, 업데이트 및 업그레이드하고, 프로젝트 설정을 구성하고, 스크립트를 실행하는 등의 작업을 수행할 수 있다. 대부분의 자바스크립트 패키지 매니저는 Node.js 실행 환경(runtime)에서 돌아가며 package.json이라는 파일에 프로젝트가 의존하고 있는 패키지 목록을 명시한다. 패키지란? 라이브러리가 코드의 작성을 위해 사용되는 코드의 묶음이라면, 패키지는 코드의 배포를 위해 사용되는 코드의 묶음이다. 패키지 매니저가 하는일 패키지의 dependency 관리 패키지의 보안관리 ㅡ 신뢰할 수 있고(authenticity), 손상되지 않음(integr..

프로그래머스 해쉬 문제를 풀어보았다. 레벨 2문제인데, 코드로 짜는것보다 생각하는데에 시간을 더쓴것같다. 풀이방법 아래의 입력값을 받아서, catogory별로 묶은다음, 입을수있는 옷의 조합의 총 count를 구하는것이다. 조건 동일한 category의 옷은 동시에 입지못한다. 적어도 한개의 옷은 입어야한다. 이 문제를 보고 고등학생때배운 경우의수..?인가 암튼 그 파트가 생각났다. 그래서 일단은 내가 다루기 쉬운 자료구조로 변경한 뒤, count를 세고자 했다. function categorizingClothe(clothes){ // 같은 종류의 옷을 하나의 배열로 묶는다. // Record const mappedData = clothes.reduce((acc, cur)=> { const [cloth,..

사실 네이버블로그를 쓰고있긴한데, 네이버블로그는 일상저장소로 사용하고, 이 블로그를 개발용 블로그로 쓸거다 앞으로는 나의 공부내용을 블로그에 남기려고한다! 열심히써야지~~ 제발,,,이 글이 마지막포스트가 되지않도록 열심히쓰자ㅎ