목록전체 글 (291)
거의 알고리즘 일기장
만약에 이전 글을 읽지 않으셨다면, 이전 글을 먼저 보고 읽어주세요! https://kunkunwoo.tistory.com/282 이전 글에 이어서 설명드리겠습니다! 기존의 빌드도구 기존의 빌드 도구들은 Webpack, rollup, parcel이 있습니다. webpack webpack은 가장 유명한 번들러이고 cra라는 유명한 react boilerplate에서도 사용되는 번들러입니다. 그만큼 가장 안정적이며 생태계가 크다는 장점을 가지고 있습니다. 또한, 개발 편의를 위한 기능들을 기본적으로 많이 제공합니다. 단점으로는 느리고 configuration이 복잡하며 공식문서가 겁나 별로입니다. 정리 제일 유명한 모듈 번들러 제일 안정적임 가장 생태계가 큼 개발서버에서 개발 편의를 위한 기능들을 많이 제공..
몇달전에 회사에서 이 내용을 가지고 세미나를 했었는데, 이 발표 내용을 블로그 글로 옮겨보았습니다! 몇달전 발표내용이라 현재 상황과 조금 다른 부분이 있을수 있습니다! 이 글의 목표 !! 웹 프론트 생태계에 대한 이해 (transfiler가 왜 필요한지? Module bundling이 왜 필요한지? 에 대한 이해) 기존의 빌드 도구와 차세대의 빌드 도구의 차이점 사전지식 Transfile compile의 경우, 한 언어로 작성된 소스 코드를 다른언어로 변환하는 것을 의미합니다. 예를 들면 C언어로 작성된 소스코드를 기계어로 변환하는 과정을 compile이라고 할 수 있겠습니다. transfile은 한 언어로 작성된 소스코드를 비슷한 수준의 추상화(Abstraction)를 가진 다른 언어로 변환하는 것을 ..
이번에는 저번의 pi chart, donut chart에 이어서 line chart를 만들어보았다. https://kunkunwoo.tistory.com/278 파이 차트, 도넛 차트 라이브러리 없이 만들기 (pi chart, line chart) https://evan-moon.github.io/2020/12/12/draw-arc-with-svg-clippath/ SVG와 삼각 함수로 도넛 차트 만들어보기 이번 포스팅에서는 얼마 전에 필자가 삽질했던 내용인 SVG로 도넛 차트 그려보기에 대해서 이야기해볼 kunkunwoo.tistory.com 결과물 사전지식 1. svg path line 그리기 2. bezier curve 1. svg path line 그리기 path d 속성중 command L 사용..
react native를 작년 12월쯤 expo로 이용해본것을 시작으로 사용한지 약 1년쯤 지났다. 최근들어 rn에 대한 회의감이 들기 시작했다. 그래서 한번 rn 약 1년 사용기를 정말 얇게 남겨보고자 한다. 주의!: 필자의 불평불만이 가득함 ㅎㅎ --- 2023 5월의 생각 react native cli (bare) 를 이용할경우에는 아직 이 생각이 변함없지만, 최근 expo의 feature들을 보니 엄청나게 많은것들이 추가되었고 expo를 이용할 경우 대부분의 단점이 상쇄됨으로 expo를 쓴다는 가정하에는 괜찮은 기술이라고 생각이 바뀌었음 사용기 작년 말에, 내가 사용하는 react를 사용해서 ios, android 앱을 만들수 있다는 사실에 react native에 대한 흥미가 생겼다. 그래서 e..
https://evan-moon.github.io/2020/12/12/draw-arc-with-svg-clippath/ SVG와 삼각 함수로 도넛 차트 만들어보기 이번 포스팅에서는 얼마 전에 필자가 삽질했던 내용인 SVG로 도넛 차트 그려보기에 대해서 이야기해볼까 한다. 사실 도넛 차트를 그리는 것 자체는 SVG가 제공하는 엘리먼트를 사용하면 되기 때 evan-moon.github.io 이 블로그를 인상깊게 보고 나도 한번 만들어보기로 했다. 결과물 사전지식 1. 원 상에서 좌표를 구하는 공식 2. svg path로 호를 그리는 방법 1. 원 상에서 좌표를 구하는 공식 코드로 작성하면 다음과 같다. //https://evan-moon.github.io/2020/12/12/draw-arc-with-svg-..
tmap은 url scheme로 경유지를 포함한 경로를 넘길수 있는 방법이 없는거 같아 bridge를 만들어 보았다. 특이사항 - tubomodule x, 기존 bridge module - invoke app의 기능만 개발함 - tmap sdk를 내장한 형태로 개발 (tmap에서 다운로드 하는 형태로 sdk를 제공함 ㅠ) - tmap sdk version ios: v2.1.1 android: v1.7.5 - ios는 swift, android는 Java로 작성 https://github.com/Kwonkunkun/react-native-invoke-tmap GitHub - Kwonkunkun/react-native-invoke-tmap Contribute to Kwonkunkun/react-native-..
react native를 이용한 앱에서 적절한 URL scheme를 만들어줘야할 일이 있었다. https://guide.ncloud-docs.com/docs/naveropenapiv3-maps-url-scheme-url-scheme 지도앱 연동 URL Scheme - Maps guide.ncloud-docs.com 테스트 환경 "react": "18.1.0", "react-native": "0.70.2", 문제상황 const getUrlScheme = (params: NaverRouteParams) => { const result = new URL('nmap://route/car'); Object.entries(params).forEach(([key, value]) => { result.searchPar..
https://support.circleci.com/hc/en-us/articles/360045268074-Build-Fails-with-Too-long-with-no-output-exceeded-10m0s-context-deadline-exceeded- circle ci script안에 no_output_timout 옵션 변경할것 steps: - run: name: Run Tests no_output_timeout: 30m //이거 바꾸셈 default: 10m command: python -m unittest 근디 step run 자체가 잘못된 경우도 있을수 있으므로 Log를 잘보고 그냥 그 step이 오래걸려서 Output을 10분이상 내지 못하는 경우에만 사용할것. 안그러면 크레딧 녹음
android https://tech.buzzvil.com/blog/tech-blog-package-visibility-in-android-11/ 안드로이드 11의 "패키지 공개 상태" 변경 사항 정리 안드로이드 11의 출시가 얼마 남지 않았습니다. 공식 문서에 따르면 2020년 3분기 안에 출시가 될 에정이니, 1~2달 안에 정식 버전이 출시될 것 같습니다. 지금까지의 메이저 버전 업데이트가 항상 tech.buzzvil.com targetSdkVersion이 안드로이드 11 이상인 앱에서는 디바이스에 설치된 다른 앱 목록을 알 수 없고, 미리 매니페스트 파일에 지정한 앱의 정보만 가져올 수 있습니다. 그러므로 AndroidManifest.xml 파일에 query 추가 해야함 추가적으로 이 링크 확인하면..
iTMSTransporter?? Transporter is Apple’s Java-based command-line tool for large catalog deliveries. You can use Transporter to deliver your pre-generated content in a Store Package to the Apple TV app, iTunes Store, Apple Books, and App Store. 트랜스포터는 대규모 카탈로그 전송을 위한 애플의 Java 기반 명령줄 도구입니다. Transporter를 사용하여 Store Package에서 미리 생성된 콘텐츠를 Apple TV 앱, iTunes Store, Apple Books 및 App Store로 전송할 수 있습니다...