Web + APP 썸네일형 리스트형 2022년 웹 개발의 기준 안녕하세요. 좋은 글 발견해서 번역하여 (by papago) 글을 작성하려합니다. https://engineering.linecorp.com/en/blog/the-baseline-for-web-development-in-2022/ The baseline for web development in 2022 - LINE ENGINEERING TL;DR:The baseline for web development in 2022 is: low-spec Android devices in terms of performance, Safari from two years before in terms of Web engineering.linecorp.com 다양한 기기와 웹 브라우저, 네트워크 등 웹을 좌지우지하는 요소들이 .. 더보기 express 새로고침 시 404 Not Found 해결 안녕하세요. 우선 새해 복 많이 많이 받으세요 ^0^ 글을 하도 안 쓰니 방문자 수가 확 줄었더군요 최근 공연도하고, 설날이라 가족이랑 등산도 가고, PS5를 구매해서 이것 저것 게임을 하고 있습니다 ! 넘나 논거 같아서 ;;;; 찔림 그래서 최근 바닐라 JS로 원하는 페이지를 구성하고 있습니다. 너무 프레임워크에 의지하기 보다는, 기본부터 탄탄히 하려구요. 물론 서버는 express JS를 빌렸지만 ;; 우얐든, router를 연결하고 만들고 페이지 이동하게 만들었는데, 페이지를 이동하고 새로고침을 하니.... 404 Not Found가 뜨더군요. 그래서 원인을 찾아보니, React / Vue 등 JS 기반의 프레임워크 SPA(Single Page Application)를 사용하면 발생하는 문제라고 하.. 더보기 npm sill idealtree buildDeps에서 멈추는 현상 npm i express --save를 했는데, sill idealTree buildDeps 블라블라에서 진행이 안되어서, 어떻게 하면 할 수 있지 알아봤는데 package-lock.json을 삭제하기 => 안됨 npm install --verbose => 안됨 npm set registry http://registry.npmjs.org/ => 됨 이렇게 해결했어용 더보기 NGRX - Selectors https://ggodong.tistory.com/311 NGRX - Reducers https://ggodong.tistory.com/307 NGRX - Actions 안녕하세요 ! 꼬동입니다. 그.... 이번에 한 번 진짜 ! 각 잡고 ! NGRX 훑어보기 할려고 합니다. 이번엔 진심 !! 꾸준히 !! 할거야 !! 우선 유튜브 하나만 보고 N.. ggodong.tistory.com Actions => Reducers 했으니, 이제 Selectors를 해봅시다. 여기까지가 제가 생각하기엔 NGRX의 기본이라고 생각합니답. 기본 다 떼보죠. Selectors는 store state의 일부분을 사용하기 위한 순수 함수입니다. @ngrx/store는 위와 같은 역할을 돕는 최적화된 함수입니다. state를 .. 더보기 iOS App with Watch App과 Watch App 차이 Xcode를 이용해서 애플 워치 앱을 만들어보려고 Xcode를 실행하고 new project를 했는데, 선택지가 많네여 그래서 찾아봤죠. iOS App with Watch App : iOS 앱이 있고, 이 앱이 제공하는 서비스를 비슷하게, watchOS 앱으로도 전달하고 싶을 때 해당 옵션을 선택하세요. (카카오톡과 같은..?) WatchApp : iOS 앱과 관련이 없어도 되는 apple watch에서만, 제공하고 싶은 앱을 만들고 싶을 때, 해당 옵션을 사용하세요. 용어를 좀 더 확장해서, iOS App과 WatchApp이 상호보완적이면, Dependent app이라고 하고, 그게 아니면, Independent app이라고 불리는거 같네요. 끝 .. ! 제 전문 분야가 아니니 굉장히 간단한걸로 글을 .. 더보기 Normalizing State Shape 안녕하세요. 꼬동입니다. 직역을 하자면, State의 형태를 표준화한다. 라는 뜻이 될텐데, 어떤 의미를 가지는지 한 번 같이 보도록 합시다. 해당 글은 Redux 로직과 패턴을 분석하는 글로서, Redux 공홈 Docs를 옮겨 적는 글입니다. https://redux.js.org/usage/structuring-reducers/normalizing-state-shape Normalizing State Shape | Redux Structuring Reducers > Normalizing State Shape: Why and how to store data items for lookup based on ID redux.js.org 대부분의 애플리케이션은 객체에서 depths를 가진 data를 많이 표현하.. 더보기 NGRX - Reducers https://ggodong.tistory.com/307 NGRX - Actions 안녕하세요 ! 꼬동입니다. 그.... 이번에 한 번 진짜 ! 각 잡고 ! NGRX 훑어보기 할려고 합니다. 이번엔 진심 !! 꾸준히 !! 할거야 !! 우선 유튜브 하나만 보고 NGRX는 Redux 패턴의 상태관리 시스템입니 ggodong.tistory.com 진짜 훑어 본다고 했죠 !? 너무 졸리지만,,, 그래도 공부해야하니까 !! NgRx의 Reducers는 앱에서 하나의 state에서 다음 state로 바뀔 때, 다루는 책임을 가지고 있습니다. 어떤 action의 타입인지에 따라, Reducers는 때에 따른 트랜지션을 다룹니다. 위의 그림이 더 쉽게 이해 됐겠죠 ? Reducer는 같은 input에 대해 같은 out.. 더보기 NGRX - Actions 안녕하세요 ! 꼬동입니다. 그.... 이번에 한 번 진짜 ! 각 잡고 ! NGRX 훑어보기 할려고 합니다. 이번엔 진심 !! 꾸준히 !! 할거야 !! 우선 유튜브 하나만 보고 NGRX는 Redux 패턴의 상태관리 시스템입니다. 상태관리라 함은 앱의 구동에 있어서 필요한 상태를 관리하는거인데요. 저는 그냥 편하게 전역변수를 둔다. 로 생각을 하고 있는데, 전역변수는 위험하잖아여 ? 이걸 안전하게 전역변수로 둬보자로 쉽게쉽게 이해하고 있습니다. 그 중 Actions에 대해서 적어보려합니다. Actions은 NgRx에서 메인이 되는 시스템입니다. 유일한 이벤트를 표한하는 역할을 하고, 유저의 상호작용, 외부 네트워크 요청, 디바이스 API를 통해 Actions이 묘사되거나 사용되죠. 메인이 되는 Actions.. 더보기 이전 1 2 3 4 5 6 ··· 8 다음
