본문 바로가기

반응형
SMALL

전체 글

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.. 더보기
주접 떨기 제가 지갑을 잃어버렸더랬죠. (다행히 하루 지나고 찾음) 근데, 지갑이 없어진 상황에서 제가 버스를 탔어야 했는데, 제가 카드란 카드가 전부 지갑에 있었더랬죠. 옛날에 버스카드 휴대폰에 달고 다녔는데, 오히려 옛날의 제가 현명했었네요. 어쨌든, 오랜만에 현금으로 버스 타려니 심장도 뛰고, 뒷 사람이 막 빨리 돈 넣어라고 뭐라 할 거 같고 긴장되어 미치겠더라고요. 그래서 머리 속으로 돈을 내는 연습을 한 다섯 번하고 버스에 탑승을 했는데, 아뿔싸 항상 가격표를 안 보고 카드를 찍어서, 현금으로 얼마내야하는지를 가늠이 안가더군요. 게다가 광역버스는 가는 거리마다 가격이 다 다름 ;; 그래서, 기사님한테 나 : 기사님 강남까지 가려고 하는데 얼마에염 기사님 : 학생은 2400원 학생은 2400원이니, 성인은 .. 더보기
골프 일기 취미로 골프를 배우고 있습니다. 시작한 지는 2주 됐는데요. 2주 지나니 머리가 과부하가 오더군요. 배운 것들이 적용이 안되고, 다 까먹음 ; 그래서 오늘부터 적어봅니다 3월 18일 (금) 20:00 레슨 - 채를 눌러 잡지 말자 - 왼손이 채를 약간 덮어 잡는 느낌을 내자 - 공 타격시 채는 약간 왼쪽 허벅지 쪽에 위치해야하고, (헤드 보다 손이 왼쪽으로 와있어야함) 오른손은 약간 꺾이구 => 이래야 찍어 칠 수 있다. - 내가 공 타격시 채를 눌러 잡고 있는 느낌이 있음 => 슬라이스가 발생하는 이유가 해당 이유인거 같다. 처음 어드레스 했을 때 자세를 유지하면서 백스윙 => 타격합시다. - 스윙시 무릎 펴지 말고(몸을 들어올리지말자), 백스윙 한 그대로 유지하면서 몸을 돌리자 => 이걸 안하면 공 .. 더보기
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를 가리키게 됩니다. 이를 .. 더보기
프론트엔드 면접 때 꼭 알아야하는 것 https://itnext.io/frontend-interview-cheatsheet-that-helped-me-to-get-offer-on-amazon-and-linkedin-cba9584e33c7 🔥 Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn If you are preparing for a frontend interview & want to quickly refresh your domain knowledge, this cheatsheet will save you a lot of time. itnext.io 안녕하세요. 꼬동입니다. 해당 글을 번역한 글입니다. FE 면접을 준비 중이라면, 면접 전 해당 글.. 더보기
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)를 사용하면 발생하는 문제라고 하.. 더보기

반응형
LIST