본문 바로가기

Dev/web

윈도우 사이즈 프론트엔드 개발을 하다가 window.innerWidth height하곤하는데 .. 이게 스크롤이 있을때 그 뒤에 숨겨진 부분까지의 크기는 아니다. 그냥 눈에 보이는 부분의 크기다. https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window Get the size of the screen, current web page and browser window How can I get windowWidth, windowHeight, pageWidth, pageHeight, screenWidth, screenHeight, pageX, pageY, screenX, screenY whi.. 더보기
[angular] constructor-vs-ngoninit https://www.linkedin.com/pulse/angular-constructor-vs-ngoninit-madhumati-hosamani Angular Constructor vs ngOnInit Angular has constructor and ngOnInit method which are executed on component load. The main confusion here is when to use what? The constructor is not actually part of Angular 2. www.linkedin.com 물론 안읽어봤다 더보기
[css] 레이아웃 잡을 때 참고했던 링크들 가운데 정렬 https://blog.logrocket.com/13-ways-to-vertical-center-in-2018-cb6e98ed8a40/ 13 ways to vertical center in 2018 - LogRocket Blog CSS has made major leaps since the days when simple tasks were arduous. Now, something like vertical centering is effortless through different methods. blog.logrocket.com header 처리 https://stackoverflow.com/questions/17054158/css-100-height-with-header-and-footer.. 더보기
[javascript] ghost margin in canvas https://stackoverflow.com/questions/9878090/eliminate-ghost-margin-below-html5-canvas-element Eliminate ghost margin below HTML5 canvas element? When we create an HTML5 canvas element, a ghost margin appears below the canvas element even though we set the margin and padding to 0. Example: http://jsfiddle.net/yvbmd/ We tried a variety of t... stackoverflow.com 이런상황임 이건 그냥 canvas가 기본이 block 요소가 아닌.. 더보기
[angular] 8.0 버전 explorer 11 안뜸 말그대로 ng serve 했을때, 익스11에서 안뜬다. 개발모드여서 그럼건가? 나중에는 뜨나? 더보기
[angular] 서비스를 모듈로 만드는 이유 서비스들로 만 이루어진 모듈은 왜 모듈로 만들어논걸까? 서비스들은 그냥 디렉토리밑에 넣어놔도 다른 곳에서 가져다 쓸수도 있는데.. 심지어 providers: [] 안에 집어넣어두는 이유도 모르겠다. 안해도 가져다 쓸수있는데.. 더보기
[javascript] Unable to preventDefault 에러 마우스 휠 이벤트 만지고 있는데 Unable to preventDefault inside passive event listener due to target being treated as passive Unable to preventDefault inside passive event listener due to target being treated as passive 이런 에러가 났다. https://www.chromestatus.com/features/6662647093133312 Chrome Platform Status What you're looking at is a mostly comprehensive list of web platform features that have landed in Chro.. 더보기
angular start yarn add @angular/cli yarn ng new angular-newbi cd angular-newbi yarn ng serve --open 하면 실행됨 app.component.ts: 타입스크립트로 작성된 컴포넌트 클래스 파일 app.component.html: HTML으로 작성된 컴포넌트 템플릿 파일 app.component.css: 컴포넌트의 CSS 스타일 파일(해당 컴포넌트만 가짐) app.component.spec.ts: 컴포넌트 단위 시험을 위한 파일 html에서 Welcome to {{ title }} 이 수정한다. 이중 중괄호 표현은 Angular의 인터폴레이션 바인딩 yarn ng generate component heroes Welcome to {{ title }}! 더보기