웹뷰 웹뷰는 네이티브앱에 내재되어 있는 웹 브라우저입니다. 웹뷰를 사용하면 웹 콘텐츠를 네이티브 앱 뷰와 같이 사용자에게 보여줄 수 있습니다. 그리고 특징적인 부분이 하나 있는데 웹뷰는 주소창, 새로고침, 즐겨찾기와 같은 브라우저의 기능이 없고 단순히 웹페이지만 보여준다는 특징이 있습니다. Google은 Android WebView 클래스를 아래와 같이 정의합니다. WebView 클래스는 안드로이드의 view 클래스의 확장이며 웹페이지를 활동 레이아웃의 일부로 표시할 수 있게 해줍니다. 탐색 컨트롤, 주소 표시줄 등의 웹브라우저 기능은 전혀 포함되지 ㅇ낳습니다. WebView의 모든 작업은 기본적으로 웹페이지를 표시하는 것입니다. 웹뷰 왜 사용할까? 웹뷰는 여러 플랫폼에서 사용할 수 있다 이는 정말 큰 ..
🤕 시작하며 이 글을 작성하기 전에 구글, 벨로그 등에 "프론트엔드 개발자 취업 후기"와 같은 키워드로 검색을 해보았습니다. 제 검색 실력이 미천한 탓도 물론 있겠지만 노출되는 대부분의 게시물들이 2022년 이전에 작성된 것이었음을 확인했습니다. 분명 많은 사람들이 궁금해할만한 키워드일텐데..라고 생각이 들어 글을 작성해봅니다. 저는 최근 채용과 입사날짜가 확정되었고 현재 출근을 위해 여러가지 준비(이사...라든지.. 회사 스택 공부라든지..)를 하고 있는 상태입니다. 제 이력을 짧막하게 작성하면 이렇습니다. 비전공자 남자 20대 부트캠프 수료 그리 흥미로운 정보는 아니겠지만 수료한 부트캠프는 코드스테이츠입니다. 코드스테이츠와 관련된 정보가 궁금하면 아래 회고를 참고해주세요 https://xionwcfm..
아래 이슈에서 도움을 받았습니다. https://github.com/radix-ui/primitives/issues/2051 Popover when hover · Issue #2051 · radix-ui/primitives Feature request Is it possible to show popover when hover on the trigger component? Could be there an option to choose either : when click or when hover for showing the popover? github.com popover 기능은 일반적으로 hover 되었을 때 나타나는 것이 조금 더 자연스러운 ux라고 생각합니다. 다만 radix의 trigger 기능은 기..
를 할 수 있습니다. https://basarat.gitbook.io/typescript/main-1/barrel Barrel - TypeScript Deep Dive Instead of exporting *, you can choose to export the module in a name. E.g., assume that baz.ts has functions: basarat.gitbook.io 타입스크립트 딥다이브에서도 확인할 수 있는 패턴인데 사실 유사한 형태로 관리해본 경험에서 이야기하자면 import 할 때는 행복한 대신 export 할 때 귀찮은 작업이 추가된다는 단점이 있습니다. 작성패턴은 아주 쉽습니다. 주로 내보내기 할 파일들이 모여있는 폴더내부에서 index.ts 파일을 생성해 준 뒤 ..
사실 총정리까진 아님 ㅋㅋ;;ㅎㅎ;;ㅈㅅ;😉CORS의 기본적인 이해https://xionwcfm.tistory.com/235 CORS / SOP가 머임🐕 SOP (Same - origin - policy) 동일 출처 정책 동일 출처 정책은 웹 애플리케이션의 중요한 보안 모델입니다. 동일 출처 정책은 같은 출처(Origin)의 리소스만 공유가 가능하다는 정책인데 인간이 보기xionwcfm.tistory.com이전에 나름대로 잘 정리해둔 포스트가 있으니 자세하게 알아보고 싶으신 분은 이 포스트를 읽어주시기 바랍니다. 이미 CORS에 대해 개념적으로 알고계신 분들 역시 지나치셔도 좋습니다. 간단하게 CORS를 이야기해보면 Cross Origin Resource Sharing 한국어로 바꿔 교차 출처 리소스 공..
😊에러 전문 Parsing error: ESLint was configured to run on `/.eslintrc.cjs` using `parserOptions.project`: /tsconfig.json However, that TSConfig does not include this file. Either: - Change ESLint's list of included files to not include this file - Change that TSConfig to include this file - Create a new TSConfig that includes this file and include it in your parserOptions.project See the typescript-..
😡 왜그러시죠? 제가 화난 사람처럼 보이나요? 항상 그렇지만 환경설정이 제일 어려운 것 같습니다. 미래의 제가 또 같은 일을 해야할 상황이 빈번할 것 같아 미리 기록을 남겨둡니다. 윈도우환경에서는 대체로 문제없이 돌아가는것같습니다. 다만 맥에서는 추가로 설정을 조금 만져줘야하네요 장황한 개념 설명은 다른 게시물들이 충분히 잘해주었다고 생각합니다. 따라서 간단하게 각각 어떤 역할을 수행하는지 간략하게만 보겠습니다. 사실 eslint와 prettier는 익숙하신 분들이 더 많을 것이라 생각됩니다. 특히 eslint는 cra, vite 등 대부분의 보일러플레이트에서 기본적으로 제공하기도 하니까요 eslint : 코드의 문제를 찾고 수정하는데 도움을 줍니다. prettier : 코드를 좀 더 pretty하게 바..
https://github.com/XionWCFM/vite-mui GitHub - XionWCFM/vite-mui: vite-mui vite-mui. Contribute to XionWCFM/vite-mui development by creating an account on GitHub. github.com next.js 보일러플레이트를 만든것에 이어 cra 환경에서 사용할 보일러 플레이트를 만들어보았습니다. mui, emotion을 이용하는 것이 코어 컨셉입니다. 그 외에 zod, react-hook-form, msw, react-query , react-router-dom 등 프로젝트에 일반적으로 필요한 라이브러리들을 install 해두었고 lint-staged , husky , svgr , path..
