Web + APP 썸네일형 리스트형 Angular 더 빠르게 - On Push CD / Immutability 안녕하세요. 꼬동입니다. 해당 글은 아래의 글을 번역한 글입니다. 약간 제이크 질렌할 닮으셨네여 https://blog.mgechev.com/2017/11/11/faster-angular-applications-onpush-change-detection-immutable-part-1/ Faster Angular Applications - Part 1. On Push Change Detection and Immutability On AngularConnect 2017 in London, I gave a talk called “Purely Fast.” In the presentation, I showed how step by step we can improve the performance of a busin.. 더보기 constructor과 ngOnInit의 차이는 ? 안녕하세요. 꼬동입니다. 오늘은 constructor과 ngOnInit의 차이를 설명드리려고 합니다. 간단하지만 명확하게 설명을 할 수 있냐라고 제목과 같은 질문을 했을 때 저희는 아마 어버버하게 될 것입니다. ES6 클래스 문법의 표준으로 클래스에서 인스턴스를 생성하는 시점에 호출되는 메서드입니다. constructor가 호출될 땐 앵귤러가 초기화 작업을 수행하기 전이므로 컴포넌트의 속성 가운데 템플릿과 바인딩한 속성이나 부모 컴포넌트로부터 전달받은 속성 등의 초기화를 보장하지 않습니다. @Input으로 넘겨 받은 데이터가 되겠죠. 그렇기 때문에 constructor에는 순수하게 객체의 생성 시점에 필요한 간단한 초기화 로직만 넣도록 합시다. API 호출이나 앵귤러 제공하는 기능은 반드시 ngOnIni.. 더보기 setTimeout의 this와 / window.setTimeout을 하지 않는 이유 안녕하세요. 꼬동입니답. 오늘은 setTimeout 메소드에 관련해서 얘기를 해보려 합니다. setTimeout 메서드는 지정한 시간 후에 함수나 지정한 코드를 실행하는 타이머를 설정하는 메서드입니다. 그리고 clearTimeout으로 이를 취소할 수 있죠. 비슷한 함수로는 setInterval이 존재합니다. setTimout에서 this의 경우 여러분 예상과는 다르게 동작할 수 있습니다. 그 이유는 setTimeout이 실행하는 코드는 setTimeout을 호출했던 함수와는 다른 실행 맥락에서 호출되기 때문인데요. 호출 함수의 this 키워드 값을 설정하는 일반적인 규칙이 여기서도 적용되며, this를 호출 시 지정하지도 않았고 bind를 바인딩을 하지 않는 경우 window를 가리키게 됩니다. 이를 .. 더보기 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이라고 불리는거 같네요. 끝 .. ! 제 전문 분야가 아니니 굉장히 간단한걸로 글을 .. 더보기 이전 1 2 3 4 5 ··· 7 다음
