코딩팍

개발 Develop → (20)건

아이오닉 (Ionic) 컴포넌트 모듈(module) 만들기

Ionic에서 새로운 컴포넌트를 만들 때 ionic cli가 있다면 다음의 커맨드로 쉽게 만들 수 있다. ionic generate component example 그러면 다음과 같은 파일이 새로운 상위 폴더와 함께 만들어진다. example/ example-routing.module.ts example.page.html example.page.scss example.page.spec.ts example.page.ts 하지만 lazy loading 할 때 import 할 module은 생성되지 않아서 직접 모듈 파일을 만들어 줘야 한다. 위의 폴더에 동일한 컴포넌트 이름을 붙인 모듈 파일을 만들어 준다. example.module.ts import { NgModule } from '@angular/cor..
개발 Develop/아이오닉 (Ionic) 2021. 5. 10. 11:39

[Angular] OnPush 변경감지 (Change Detection)

앵귤러 변경감지 (Change Detection) 앵귤러는 컴포넌트 안에 있는 데이타가 바뀌는 것을 감지하고 자동으로 뷰를 다시 렌더링한다. 기본값으로 설정해 놓으면 다음과 같은 브라우저의 기본적인 기능을 모두 변경감지한다: (완전한 목록은 아님) 브라우저 이벤트 (click, mouseover, keyup, 등등) setTimeout() / setInterval() Ajax HTTP 요청 당연히 데이타가 변경되는 것을 감지하려면 모든 이벤트를 트래킹해야하는게 아닌가? 그럼 OnPush 전략은 왜 만들어 진걸까? 성능 향상 때문이다. 💡 OnPush 전략을 사용하면 모든 브라우저 API의 변경감지를 하지 않음으로서 성능향상을 할 수 있다. 그렇다고 해서 아무때나 OnPush 전략을 사용할 수 있는 것이 ..
개발 Develop/앵귤러 (Angular) 2021. 1. 25. 02:02

자바스크립트 객체지향 프로그래밍으로 사용하기 (Object-Oriented Programming in JS)

자바스크립트는 아직까지는 좀 지저분한 언어라는 편견이 있다. 다른 언어와는 다르게 프레임워크 없이는 정리가 잘 안되 보이기 때문 일 수도 있다. 그래서 요즘에는 자바스크립트를 프레임워크와 함께 이용하는 경우가 더 흔하다. 하지만 자바스크립트 버전이 업데이트 될 수록 점점 더 정돈되고 있다. 과연 자바스크립트로도 객체지향 프로그래밍 (Object-Oriented Programming)을 이용할 수 있을까? 물론이다! 객체지향 프로그래밍 (OOP) 객체지향 프로그래밍은 오브젝트/객체의 컨셉을 이용해서 코드를 쓰는 패러다임이다 (코드를 쓰는 스타일). 객체는 데이타와 함수를 가지고있다. 객체는 앱을 만드는 조각이고 API를 통해서 상호작용한다. 궁극적으로 유지하기 쉬운 정돈된 코드를 쓰는데 도움이 된다. 객체..
개발 Develop/HTML, CSS, Javascript 2021. 1. 24. 13:07

[웹 접근성 테스트] 스크린 리더 추천

한 웹 페이지의 접근성을 확인하기 가장 확실한 방법은 스크린 리더를 통해서 그 웹 페이지를 읽는 것이다. 기본적으로 탭(tab) 테스팅과 각종 접근성 테스트 플러그인 통해서 웹 접근성을 확일 할 수 있지만, 실제로 스크린 리더 사용자들이 어떻게 행동하고 반응할지에 대해서 테스트 하기 위해서는 개발자들이 직접 스크린 리더를 이용해 봐야 한다. 그리고 OS와 스크린 리더마다 다르게 반응하는 경우도 있기 때문에 스크린 리더를 직접 사용해보는 것이 중요하다. 개발자로서 스크린 리더를 사용해 보면 어느 부분이 개선되어야할지, 어떤 말을 넣어야하는지 훨씬 이해하기가 쉬워진다. 스크린 리더 소프트웨어 통계 스크린 리더 이용자들이 어떤 소프트웨어를 많이 사용하는지 통계를 알아보자. 2019년에 webaim에서 스크린 ..
개발 Develop/웹 접근성(Web Accessibility) 2020. 7. 26. 00:42

컴퓨터 대기모드 방지/화면 절대 안꺼지게 하기 [Powershell]

윈도우의 Powershell을 이용한 컴퓨터 절대 대기모드, 화면 안꺼지게 하는 방법에 대해 알아 보겠습니다. 키보드에서 가장 쓸모없는 키인 Scroll Lock을 자동으로 눌러줘서 컴퓨터가 대기모드로 들어가는 것을 방지해 주는 방법입니다. 회사 컴퓨터를 받으면 개인 설정에 제한이 많거나, 보안 때문에 보호화면을 사용하는 경우가 많죠? 그래서 재택근무 중이거나 어떤 업무를 볼때 잠시 컴퓨터에서 떨어져서 부재중인 사이에 화면이 꺼지는 것 때문에 고민 중이셨다면, Powershell을 이용해서 절대 컴퓨터가 대기모드로 가지 않게 스크립트를 돌려보세요. (화면이 꺼지면 메신저에 자리비움으로 뜨기 때문에 꺼지는 것을 방지하는 것은 재택근무 때 도움이 된다!) Powershell 스크립트 먼저 Powershell..
개발 Develop/도구 (Tools) 2020. 7. 19. 23:37

Dynatrace - 클라우드, 네트워크 성능 모니터

Dynatrace는 클라우드 앱 성능(Performance)을 모니터 하는 도구이다. AWS, Azure, Google, Kubernetes, Openshift와 같은 클라우드에 있는 앱들의 성능을 분석하고 모니터하는데 도움을 준다. 실제 사용하고 있는 회사들을 살펴보면 Samsung, SAP, U-Haul, Air Canada, Asics 같은 브랜드 있는 기업들이 사용하는 케이스가 홈페이지에 설명되어있다. (https://www.dynatrace.com/company/customers/) 실제로 저자도 금융 기업에서 컨설팅하면서 사용하고 있는 도구이기 때문에 Dynatrace가 어디에 쓰이는지 설명하겠다. **이 포스팅에 사용되는 사진은 실제 업무 사진과는 관련이 없는 인터넷에서 찾은 사진들이다. 대..
개발 Develop/도구 (Tools) 2020. 7. 13. 01:33

[개발자 면접] 기술 면접 준비

기술 면접에서는 보통 알고리즘 문제를 낸다. 어려운 문제같이 보여도 논리적으로 푸는 방법이 있으니 쫄지 말자. 준비하는 방법 문제와 답지를 읽어보는 것 만으로는 알고리즘 문제를 준비할 수 없다. 직접 풀어봐야 한다. 온라인이나 책에서 찾은 문제들을 다음과 같이 접근해보자: 1. 문제를 직접 풀어본다. 답지를 최대한 적게 보도록 노력한다. 문제를 풀 때 시간 복잡도와 공간 복잡도를 생각하면서 푼다. 2. 코드를 종이에 적으면서 푼다. 코딩할 때 컴퓨터를 이용하면 문법 하이라이트, 자동완성 같은 도움을 받게 된다. 하지만 종이에 차근차근 풀어 가는 것에 익숙해지는 것이 좋다. 3. 코드 테스팅을 종이에 한다. 인터뷰에서는 종이에 코드를 테스트 하는 경우가 많기 때문에 연습해놓는 것이 좋다. 4. 종이에 쓴 ..
개발 Develop/면접 준비 (Interview) 2020. 7. 9. 12:23

[개발자 면접] Big-O Notation 빅오 표기법과 시간 복잡도

빅오는 개발자 면접 준비중이라면 무조건 마스터 해야하는 컨셉이다. 왜나면 기술 면접에서 빅오에 관련된 질문이 나올 확률이 99%이기 때문이다. 알고리즘의 시간 복잡도를 설명하기 위해서는 필수적으로 알아야한다. 빅오는 알고리즘이 얼마나 빠르게 실행될지를 비교할때 사용된다. 시간 복잡도 (Time complexity)를 통해서 알고리즘의 빠르기를 비교할 수 있다. 빅오(O), 오메가(Ω) , 세타 (Θ) 시간 복잡도를 표기 할때는 빅오만 이용한는 것이 아니다. 빅오, 빅 세타, 빅 오메가를 이용해서 최악의 경우, 평균의 경우, 최상의 경우를 표기한다. Big-O Notation O(n): 최악의 경우 Big-Theta Notation Θ(n): 평균의 경우 Big-Omega Notation Ω(n): 최상의..
개발 Develop/면접 준비 (Interview) 2020. 7. 1. 07:57

[개발자 면접 준비] 태도/소통 질문

보통 개발자 면접 중에는 면접자의 성격, 이력서에 관한 내용을 더 잘 이해하기 위해서 태도/소통 질문 (Behavioral Questions)을 물어본다. 이 질문들은 자신의 경험들을 토대로 질문하는 경우가 많기 때문에 자신의 경험을 미리 정리해 가는 것이 도움이 된다. 예전에 했던 일들을 돌이켜보면서 아래 항목들에 해당되는 프로젝트들을 3개씩 채워보자. 주제 프로젝트 1 프로젝트 2 프로젝트 3 도전적이었던/어려움이 있던 프로젝트 접근성 AR 프로젝트 플랫폼이 많은 앱 실수/실패담 팀 별로 앱 관리 (Platforms) VR 건설 앱 즐거웠던 프로젝트 AR 프로젝트 VR 프로젝트 리더쉽을 보여줄 만한 프로젝트 앵귤러 앱 AR 프로젝트 갈등이 있었던 프로젝트 앵귤러 앱 다음에 다시 한다면 다르게 할 것 ..
개발 Develop/면접 준비 (Interview) 2020. 6. 29. 12:55

[미국] 개발자 면접 기간별 준비 과정

면접 1년 전부터 준비해야 하는 과정을 기간별로 나누어 정리 했다. 1년전, 3-12개월 전, 1-3개월 전, 4주 전, 1주 전, 하루 전, 당일까지 단계별로 정해져있다. 나 같은 경우는 1년 준비를 목표로 잡고 있으니 빨리 3 - 12개월 단계까지 준비해놔야 겠다. 면접 1년전:□ 일/학교 외에도 프로젝트 만들기□ 프로그래밍 언어 여러개 배우기□ 인맥 넓히기□ 포트폴리오나 개인 웹사이트 만들기 면접 3 - 12개월 전:□ 프로젝트 한개 추가로 만들기□ 이력서 검토 받기□ 지원하고 싶은 회사 목록 만들기□ Big O 배우고 마스터 하기□ 데이타 구조 (Data Structure) 혹은 알고리즘 직접 만들어 보기□ 연습 면접 해보기 면접 1 - 3개월 전:□ 미니 프로젝트로 중요한 컨셉들 확실히 이해하기..
개발 Develop/면접 준비 (Interview) 2020. 6. 24. 12:31
◀ 1 2 ▶

티스토리툴바