본문 바로가기

All

 (103)
iOS 16 개발자 모드가 필요함 설정 방법 (developer mode) react-native 를 통해서 프로젝트를 하던 도중 iOS16으로 업데이트를 하고 app distribution에 올려놓은 앱이 실행되지 않는 현상이 발견되었습니다. 아래 사진처럼 개발자 모드가 필요함 'ㅇㅇ'앱을 실행하려면 개발자 모드가 필요합니다. 개발자 모드가 활성화되기 전까지는 이 앱을 사용할 수 없습니다. 이라는 문구가 나타났고 해결방법을 찾아보았습니다. 해결방법 설정 - 개인정보 보호 및 보안 - 개발자 모드 - 개발자 모드 활성화 - 재부팅 재부팅 후
[제품 리뷰] 접이식 노트북 거치대 안녕하세요! 새로운 노트북을 산 후 재택 근무를 할때 목이 너무 아파서 거북목 방지를 위해 쿠팡에서 접이식 노트북 거치대 저렴한 제품을 하나 사보았습니다. 가격은 10,600원으로 정말 저렴해서 샀습니다. 포장은 아주 깔끔하게 되어있었습니다. 이렇게 주머니도 같이 와서 좀 괜찮다고 생각했었습니다. 하지만..... 자세히 보면 균형이 맞지않습니다... 완전히 펼쳤을 때도 균형이 맞지 않아서 한 쪽이 들려있습니다. 한 쪽이 들려있는 모습입니다. 총평 1. 노트북 거치대인데 균형이 안맞는다. 후기에도 균형이 안맞는다는 말이 있지만 뽑기운이라고 생각했습니다. 하지만 저도 맞지 않았습니다... 단, 무거운 제품 올려놓으면 맞기 때문에 그냥 사용할 수는 있습니다. 2. 노트북을 거치하고 옮길 때 너무 불편하다. ..
[제품 리뷰] 16 inch Macbook Pro M1 PRO Silver 안녕하세요! 오랜만에 제품 리뷰를 포스팅하려고합니다! 제가 정말 갖고 싶어했던 16 inch macbook pro m1 pro입니다!! 기존에 intel 16인치 맥을 사용하고 있었는데 앱을 배포할 때마다 빌드하는 속도가 너무 느려서 바꾸게 되었습니다. 아래 총평 정리도 해놓았으니 꼭 보시면 좋겠습니다. 사양은 silicon m1 pro 프로세서에 512g ssd, ram 16g 모델로 기본 모델입니다! 처음 맥북을 받았을 때 빠르게 뜯어보고 싶었지만 업무 중이어서 unboxing은 업무가 종료되고나서 진행했습니다 ㅜㅜ 영롱한 포장입니다... 쉽게 뜯을 수 있는 애플 제품들... 좋습니다! 배터리 충전기와 맥세이프 충전기가 들어있습니다. 이번 맥북은 스티커가 검정색입니다! 개인적으로 이번 맥북은 실버가 ..
[제품 리뷰] Logitech G102 2nd gen - 로지텍 g102 2세대 화이트 개봉기 2~3년 정도 사용한 g102 블랙 색상 마우스에서 왼쪽 버튼 더블 클릭 현상이 발생하기 시작했다. 그래서 새로운 마우스를 알아보던 중 g102가 2세대로 출시했다그래서 이번엔 흰색으로 구매를 해보았다. 이마트에선 g102를 29,900원에 판매하고 있었는데 너무 비싸다는 생각이 들어서 21,000원대(배송비 포함)에 인터파크에서 구매를 하였다. 1세대와 2세대의 차이점은 딱 두 가지인것 같습니다. 최대가속과 RGB 레인보우 입니다. 상자입니다. 저렴한 만큼 중국판? 인것 같습니다. 로지텍 스티커도 주는데 어디에 붙이기는 애매한 것 같습니다. 연결 후 상태인데 저는 뭐 소프트웨어 깔고 빛 조절하고 그런거 귀찮아서 그냥 꽂자마자 바로 쓰는 중입니다. 확실히 똑같은 마우스라서 그냥 잡고 있으면 뭘 바꿨는지 ..
[제품 리뷰] 우먼스9999 애플워치 나토밴드 (38, 40mm - 블랙, 셰도우 브라운) 오늘은 우먼스9999의 애플워치 나토밴드의 후기를 작성해보겠습니다. 포장은 아래와 같이 상당히 깔끔하게 왔습니다. 제품을 다 개봉해보았습니다. 일단은 마음에 들었습니다. 블랙 색상입니다. 굉장히 마음에 들었습니다. 착용감도 좋았고 색상, 재질 모두 마음에 들었습니다. 블랙색상 만족도 ★★★★☆ (4.5 / 5) 아래는 셰도우 브라운 색상입니다. 우선 애플워치에 착용한 상태는 깔끔하고 좋아보였습니다. 하지만 착용하니 빛을 받으면서 색이 너무 빤딱거린다는 것을 알게되었습니다... 셰도우 브라운 만족도 ★★★ (3/ 5) 지금까지 제가 리뷰했던 상품 중에서 가장 낮은 평점입니다. 개인적으로 빤딱이는 재질을 싫어해서 이런 평점을 주었습니다.... 반품할까 고민했는데 제 밴드가 모두 검정이라 그냥 사용하기로 하였..
[제품 리뷰] 프리디 90W 멀티 포트 충전기 (pd charger) - Freedy 90W Multi-port Charger 재택근무를 위해 집에서 맥북을 사용하는 도중에 회사에서 맥북 충전기를 가져오지 않았다는 것을 알았다... 그래서 바로 점심시간에 근처 이마트에서 프리디 충전기를 사고 괜찮은 제품이라는 생각이 들어서 리뷰하기로 하였다. 현재 프리디 공식홈페이지에서 59,000원에 판매되고 있는 제품인데 이마트에서 39,000원 에 판매하고 있어서 땡잡은 기분이었다. (PD 충전이란 USB Power Delivery의 약자로, USB 타입C를 이용해서 최대 100W까지 전력공급이 가능한 고속충전을 말한다.) 상자 그림처럼 90W를 60W, 30W로 분리하여 C type 케이블을 연결 할 수있다. 그 외에도 usb 케이블이 2개 있다. 구성품은 아래 사진처럼 멀티 충전기 본체, 전원 연결 케이블, C to C 케이블, 케이스..
맥북 프로 자동 전원 On/Off 설정 및 전원 소리 On/Off 이직을 한 후 맥 os를 처음 사용해보면서 불편한 점이 몇 가지 있었다. 그중 노트북 덮개를 위로 올릴 때 자동으로 전원이 켜지는 것을 막고 싶었는데 맥 os에는 시스템 설정에서 이것을 고치는 방법이 없어서 터미널로 명령어를 실행시켜야한다는 사실을 알게되었다. 우선 맥 os에 기본 내장된 터미널을 실행시키고 기능 별로 아래의 명령어를 그대로 실행시키면 된다. 자동부팅 활성화 sudo nvram AutoBoot=%03 자동부팅 비활성화 sudo nvram AutoBoot=%00 부팅음 활성화 sudo nvram BootAudio=%01 부팅음 비활성화 sudo nvram BootAudio=%00
[node.js] req.body가 안 보내질 때 아래 이 한 줄이 추가되어 있어야 프론트엔드에서 보낸 데이터를 서버에서 req.body로 받아올 수 있습니다. app.use(express.json());
electron 프로그램 자동 업데이트 진행 시키기 (auto-updater), amazon s3 일렉트론으로 프로그램을 만들 후에 계속해서 업데이트 작업을 진행하는데 그 때마다 새로 설치파일을 사용자에게 주는 것은 너무나도 비효율적이라고 할 수 있습니다. 또한 잘못 코딩한 프로그램이 배포되면 보안적인 문제를 겪는데 그 설치파일을 이용해서 계속해서 잘 못 작성된 코드를 활용할 수도 있을 것입니다. 그래서 electron에서는 auto-updater라는 것을 제공합니다. www.electronjs.org/docs/api/auto-updater autoUpdater | Electron Enable apps to automatically update themselves. www.electronjs.org electron 공식 문서에서도 나와있는 내용이지만 조금 한국인이 알아듣기 쉽게 정리를 해보겠습니다. ..
[React] input 태그 infinite render in react. or re-render in react. 리액트에서 프로젝트를 진행하다보면 input태그를 사용하여 프로젝트를 분명히 진행하게 될 것이다. 하지만 하나의 component에 input 태그와 table 혹은 데이터를 보여주는 자료를 함께 넣다보면 input태그에 텍스트를 넣을 때 마다 component가 re-rendering 되는 현상을 겪을 수 있다. 그럴 때는 input component를 만들어서 따로 component를 불러와서 그려주는 방법이 바람직하다. 예를 들면 하나의 컴포넌트에서 작용하는 상황에서 아래에 있는 표를 스크롤 내려놓고 글을 쓰게되면 다시 컴포넌트가 리렌더링되어 글을 적을 때마다 표 스크롤이 다시 올라가는 현상을 확인할 수 있을 것이다. 하지만 컴포넌트를 따로 관리하게 되면 리렌더링 되는 현상을 막을 수 있다. .....
[자바스크립트] 네이버 검색광고 API 이용하기 (Node.js) - 네이버 검색량 조회 예제 (/keywordstool API) 네이버에서는 여러가지 API 서비스를 제공한다. 대표적으로 developers.naver.com/products/intro/plan/ API 소개 네이버 오픈 API 목록 네이버 오픈API 목록 및 안내입니다. 네이버 오픈 API 목록 API명 설명 호출제한 검색 네이버 블로그, 이미지, 웹, 뉴스, 백과사전, 책, 카페, 지식iN 등 검색 25,000회/일 네이버 developers.naver.com 위와 같이 네이버 오픈 API 서비스와 아래 링크 네이버 검색광고 API 서비스이다. naver.github.io/searchad-apidoc/#/guides searchad-apidoc naver.github.io 위에 오픈 API 서비스는 node.js를 이용한 사용방법이 자세히 나와있지만 네이버 검색..
구형 웹 브라우저 체크하기 (IE 10 이상 브라우저) + 조건부 주석 (IE 10 미만 브라우저) javascript navigator 안녕하세요 포스팅에서는 구형 웹 브라우저를 체크하여 경고창을 띄우거나 다른 웹을 그리게 하는 방법에 대하여 소개하겠습니다. 이 방법을 소개하게된 이유는 현재 진행 중인 프로젝트에서 구형 웹 브라우저에서 웹 화면이 정상적으로 작동하지 않는 문제를 발견하였기 때문입니다. 문제를 해결하고 블로그에 포스팅하면 좋을 기술이겠다 싶어서 올리게 되었습니다. 우선, IE 10 미만의 버전에서는 조건부 주석이라는 방법으로 해결할 수가 있습니다. 해당 HTML에서 아래와 같은 형태로 조건부 주석을 사용할 수 있습니다. 조건부 주석에 사용되는 기호 ! 부정 [if !ie] ie가 아니라면 lt 작다 [if lt ie 7] ie7보다 작다면 lte 작거나 같다 [if lte ie 7] ie7보다 작거나 같다면 gt 크다 [i..

티스토리툴바