개발환경을 만들때 실제로 보유하고 있는 도메인은 아니지만 개발환경을 위해 특정 도메인을 사용하기 위해 /etc/hosts 파일을 조작하여 사용하는 경우가 있습니다 윈도우는 물론 맥에서도 파일을 조작하여 로컬상에서 호스트가 찾아가야할 ip주소를 조작할수 있습니다 sudo nano /etc/hosts 해당명령어를 입력하고 비밀번호를 넣습니다 127.0.0.1 localhost 255.255.255.255 broadcasthost ::1 localhost 아마도 여러분이 /etc/hosts 파일을 한번도 건드리지 않았다면 기본적으로 위의 내용이 세팅되어있을거예요 여기에 적힌 내용이 바로 여러분이 브라우저에 localhost를 입력했을때 127.0.0.1 의 내 아이피를 질의하여 결과를 보여주는 이유입니다 여기..
아래 가이드는 Mac을 기준으로 작성되어있습니다 로컬환경에서 개발을 할때 ssl 인증서가 필요한 경우가 있습니다 로컬환경에서 사용할 개발용 인증서를 만들기 위해 brew를 통해 mkcert를 설치합니다 brew install mkcert 설치를 마쳤다면 아래 명령어를 입력해주세요 mkcert -install 이 명령어는 로컬에서 사용할 CA를 생성하고 자동으로 신뢰할수 있는 CA로 등록합니다 이 CA로 서명된 인증서를 곧 생성하여 사용할것이기 때문에 로컬환경에서 이 CA로 서명된 인증서에 대해서 경고가 나오지 않도록 CA를 신뢰영역에 등록이 필요합니다 그리고 본격적으로 내가 사용할 개발용 인증서를 생성하는 단계입니다 아래 4개의 명령어중 원하는 방법으로 원하는 도메인으로 생성해주세요 localhost도 ..
웹어플리케이션은 요청에 대한 응답결과를 client에 object 또는 object의 array 형태로 전달합니다 그런데 이러한 값을 뭔가 특정 룰에 의해 공통적으로 관리하고 싶습니다 예를 들면 password같은 결코 response 되어야 하지 말아야할 값을 숨겨야하기도 하고 특정값을 어떤 연산에 의해서 조작을 하여 리턴을 하거나, 조합을 통해 만든 특정값을 추가적으로 리턴하고 싶기도 하죠 real world에서는 이러한 케이스가 정말 많습니다 이러한 행위를 이러한 필요가 발생할때마다 반복적으로 코드를 작성하지 않고 통합적으로 관리할수 있다면 참 좋겠죠? nestjs는 리턴되는 response object 를 관리할수 있는 라이프사이클을 가지고 있는데요 interceptor가 바로 좋은 위치입니다 C..
https://developer.mozilla.org/en-US/docs/Web/HTTP/Connection_management_in_HTTP_1.x Connection management in HTTP/1.x - HTTP | MDN Connection management is a key topic in HTTP: opening and maintaining connections largely impacts the performance of Web sites and Web applications. In HTTP/1.x, there are several models: short-lived connections, persistent connections, and HTTP pipelining developer...
https://nodejs.org/en/docs/guides/dont-block-the-event-loop/ Don't Block the Event Loop (or the Worker Pool) | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org nodejs는 non blocking 이벤트 루프 형태의 시스템을 가지고 있습니다 이런 nodejs의 장점을 살리기 위해서는 메인 이벤트 루프를 blocking 하는 것을 가급적이면 최소화하는것이 시스템의 최고 효율을 낼수 있습니다 메인이벤트루프를 blocking 하는 작업을 실행하면 다른 요청이 들어왔을때 blocking된 작업을 완전히 처리하고..
이렇게 생긴 화면이 여러분들이 많이 알고 계신 webpack bundle analyzer 입니다 웹팩을 통해 번들링한 결과를 시각적으로 보여줘서 어떤파일이 용량이 큰지 중복되는 패키지는 없는지 체크하여 번들결과물을 최적화하는데 도움을 줍니다 그런데 CRA(create react app)로 만든앱은 webpack 관련 파일이 내부적으로 react-script로 래핑되어있기 때문에 webpack.config.js 파일같은것을 사용할수 없습니다 이러한 상황에서 webpack-bundle-analyzer를 사용할수 있는 방법을 안내해드려요 https://www.npmjs.com/package/webpack-bundle-analyzer webpack-bundle-analyzer Webpack plugin and ..
아이폰 캘린더를 사용하는데 특정 시각으로 일정을 입력하면 입력할때랑 다른 시간대로 기록이 됩니다 뭔가 분명 국가별 시간대 설정에서 오류가 있는것 같은데 난 아무런 설정을 바꾼게 없는데 갑자기 왜이러지 싶은데요 그래서 방법을 찾아보니 이렇게 하시면 됩니다 https://www.icloud.com/ 먼저 아이클라우드에 접속합니다 접속하면 우측상단에 계정설정이 있는데요 여기를 클릭하세요 클릭하면 나오는 대시보드에 분명 시간대/형식에 태평양 표준시 / 대한민국이라고 써있습니다 그런데 여기서 넘어가면 안됩니다 태평양 표준시 / 대한민국이라고 표시된 부분을 클릭해보세요 띠용! 왼쪽의 시간대(캘린더만 해당)에 보면 현재 캘린더에 사용하는 시간대가 미국, 쿠퍼티노로 되어있는것을 볼수 있습니다 왼쪽의 세계지도에서 서울을..
# Uninstall the local cocoapods gem sudo gem uninstall cocoapods # Reinstall cocoapods via Homebrew brew install cocoapods m1, m2 등 실리콘맥에서 cocoapods을 설치할때는 brew를 통해 설치하는것이 편합니다 brew 말고 기존 명령어를 통해 cocoapods을 설치하셨다면 먼저 삭제하시고 brew를 통해 다시 설치해주세요
https://github.com/spotlight21c/react-testing-example GitHub - spotlight21c/react-testing-example Contribute to spotlight21c/react-testing-example development by creating an account on GitHub. github.com 리액트 이제 막 입문하시는 분들을 위해서 기본적인 테스팅 코드가 포함되어있는 샘플프로젝트를 만들었습니다 약간의 가이드가 되었으면 좋겠습니다 컴포넌트 UI테스트 hook 테스트 외부의 API를 호출하는 hook 테스트 위와 같은 케이스로 구분하여 테스트 케이스가 작성되어있습니다 특히나 사용한 테스팅 보조 툴중에 https://mswjs.io Moc..
https://vercel.com/ Develop. Preview. Ship. For the best frontend teams – Vercel Deploy web projects with the best frontend developer experience and highest end-user performance. vercel.com nextjs를 만든 vercel입니다 react, vue, nextjs를 비롯해서 내가 만든 개발한 웹어플리케이션을 repository 연결만으로 쉽게 배포하여 서비스가 가능합니다 nextjs는 SSR이 가능하기 때문에 frontend 뿐만 아니라 backend 서비스도 제공할수 있어요 다만 무료로 사용하는 경우네느 서버 edge의 위치를 설정할수 없어 기본 값이 미국이..
- Total
- Today
- Yesterday
- Apple
- 어플리케이션
- 공모전
- 안드로이드
- 모바일
- 경진대회
- 자바스크립트
- 애플
- 아이폰
- android
- 아이디어
- 네이버
- 벤처
- 구글
- 트위터
- php
- 창업
- CSS
- 게임
- 대학생
- 소프트웨어
- AWS
- 앱스토어
- 스마트폰
- iPhone
- 앱
- 웹표준
- JavaScript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |