전체 글 썸네일형 리스트형 Angualr v16 - signal Angular v16가 release가 됐다. 사실 된 지 오래됨 ㅋ 이제서야 부랴부랴 좀 영상 좀 챙겨보는데, 재밌는 기능이 나와서 이거 좀 풀어보려고 한다. Angular에서 Change Detection을 zone JS에 의존하고 있었다. Change Detection 앱 내의 상태가 변화할 때, 브라우저 안 UI를 Angular가 변화시키는 개념 zone JS Angular에게 변화 생겼다고 말해주는 중간 띄기 사업자 몽키패치하여 비동기 변화를 감지한다. 몽키패치 원래 있던 기능에 자기가 원하는 코드 삽입하는 행위 근데, 솔삐 중간 중개업자한테 굳이 수수료 떼면서 동작을 해야하나 싶었는데, Angular 팀에서도 이걸 알았는지, 이제 signal 이라는 기능을 만들었다. 지들도 적합한 솔루션이 아.. 더보기 providers와 viewProviders의 차이 / content child와 view child 안녕하세요. 꼬동입니다. 일을 하다, 모듈 서비스를 Dependency Injection으로 꽂았는데, NullInjectorError가 뜨더라고요 ? 아뿔싸 providers 명시를 안했더라고요 ㅎㅎ 그래서 Service 꽂으려고 하는데 읭 ? viewProviders와 providers 두 방식으로 꽂을 수 있더라고요 엄.. 선택지가 많아지면, 공황이 오는 성격상 둘을 명확하게 알고 가는게 좋을거 같아서 키보드를 잡아봅니다. 사실 간단합니다. viewProviders로 인해 꽂힌 Service를 자식들이 사용하려고 하면, 사용이 안되며, provider로 꽂힌 Service는 자식들이 사용하려하면, 제공해주는 방식입니다. 위의 그림에서도 이를 설명하고 있는데, SimpleService가 Provide.. 더보기 TypeScript Modules 안녕하세요 ! 꼬동입니다. 주말에 할 건 없고, 글이나 쓸까하여 카페에 와보았습니다. 무슨 글을 쓸까 하다가.... 모듈에 관련해서 글을 써야겠다고 생각이 들어서 ! 모듈에 대해 써보겠읍니다. 개발을 하다보면, 모듈이라는 단어를 많이 접하게 됩니다. 추상적으로 해석하면, 모듈이라는 것이 하나의 기능 블록이라고 볼 수 있는데요. 하지만 우리는 전문적인 프로 개발자 어디 가서 "모듈은 하나의 기능 블록" 입니다. 라고 말하기엔 너무 짜치죠. 좀 더 세부적으로 알아보자고요. 애초에 모듈이라는게 건축학 쪽에서 쓰던 단어입니다. 16세기 때부터 써왔던 단어였는데, 이게 컴퓨터 공학 쪽에서도 쓰이게 된것이죠. 사실 개발이라는게 하나의 건물을 짓는거와 다름이 없으니까, 이를 그대로 써도 의미상 크게 다르지 않아서 쓸.. 더보기 HostListener & HostBinding 안녕하세요. 꼬동입니다. 회사 코드 리팩토링하다가 제대로 알고 있는거 같지않아서, 한 번 글을 써봤습니다. HostListener 와 HostBinding에 관한 글입니다. HostListener HostListener는 DOM event를 선언하여, 이벤트가 발생했을 때 핸들러 메소드가 실행될 수 있게 제공해주는 데코레이터 입니다. Option Description eventName? : string DOM event (ex : 'click') args? : string [] 메소드에 전달할 인수들 @Directive({selector: 'button[counting]'}) class CountClicks { numberOfClicks = 0; @HostListener('click', ['$event... 더보기 카카오 1년차 회고록 안녕하세요. 꼬동입니다. 얼마 있으면, 제가 카카오로 이직한 지 1년이 되는 날입니다. 개발자로서는 두 살, 카카오에서는 한 살 너무나도 회고록을 쓰기 좋은 시기라고 생각하기 때문에, 키보드를 잡아보았습니다. 사실 새로 구매한 키보드를 사용하고 싶어서, 쓰는 글입니다. 너무 좋앙 그래도 제 인생에 무게감 있는 얘기도 생각을 해놨으니, 진지하게 글을 써보도록 하겠습니다. 그리고 혹여나 해당 글을 읽으시는 분이 계신다면, 아래의 노래와 함께 읽어주시면 감사하겠습니다. (이 노래 들으면서 썼거든여) https://www.youtube.com/watch?v=EgbpnS3ipR4 young k - microphone - 3년 카카오의 1년을 돌아보기 전, 제가 개발을 시작한 시기로 돌아가봅시다. (건너 뛰고 싶으.. 더보기 NGRX Store - An Architecture Guide (1) 안녕하세요. 꼬동입니다. 요새 PS5에 빠져서 게임만 하고 삽니다. 그러다 PS5 놔두고 고향에 내려와서 디지털 노마드를 하고 있는데, 퇴근하면 할 게 없고, 글이나 번역해서 쓸까해서 좋은 글을 챙겨와봤습니다. https://blog.angular-university.io/angular-ngrx-store-and-effects-crash-course/ Ngrx Store - An Architecture Guide Learn the benefits of store architectures, when to use them and why, what use cases do they benefit the most? blog.angular-university.io 2022년에 쓴 따끈따근한 좋은 글이더군요. 사실 .. 더보기 attr vs attr.name 개발을 하다가 궁금한게 생겼더랬죠. 이 둘의 차이가 뭘까요. https://stackoverflow.com/questions/60375207/when-use-name-vs-attr-name when use [name] vs [attr.name]? Does anyone know why you can use [id] and you must use [attr.contenteditable] as property binding in Angular? I have researched for some time and I can't find an answer. Why some html native attr... stackoverflow.com 그 대답은 여기서 찾아봤는데요. 설명을 시작해보겠습니다. 그 전에 가정을 해야.. 더보기 Angular 더 빠르게 - On Push 두 번째 이야기 안녕하세요. 지난 글에선 On Push 관련해가지고 얘기를 했더랬죠. https://ggodong.tistory.com/326 Angular 더 빠르게 - On Push CD / Immutability 안녕하세요. 꼬동입니다. 해당 글은 아래의 글을 번역한 글입니다. 약간 제이크 질렌할 닮으셨네여 https://blog.mgechev.com/2017/11/11/faster-angular-applications-onpush-change-detection-immutable-part-1/.. ggodong.tistory.com 이왕 Change Detection 뿌리 뽑죠. https://hackernoon.com/angular-2-4-visualizing-change-detection-default-vs-o.. 더보기 이전 1 2 3 4 5 6 7 ··· 38 다음
