전체 글260 순환 참조 (Circular Dependency) 문제 개요: 타 파일에서 export 하는 함수를 import 했는데, 서로 import 하는 상황이라 에러 발생순환 참조(Circular Reference)란? - A가 B를 참조하고, B가 A를 참조하는 상태. 예시 상황1. a.component.ts에 functionA를 b.component.ts에서 import 하였다.2. b.component.ts에 functionB를 a.component.ts에서 import 하였다.3. 따로 에러에서 순환참조 에러라는걸 알려주진 않는다. 하지만 import 한 function의 위치를 찾을 수 없다는 에러가 뜸.왜 [순환 참조]를 하면 안되나? 1. 양방향 구조가 만들어지게 되면, 모듈이 완전히 로드되기 전에 import가 발생하는 상황이 생김 ---> 이 상황으.. 2025. 4. 14. [Angular.js] 삼성인터넷 scrollIntoView() 개요: 웹개발 중, 삼성인터넷에서 scrollIntoView 함수가 동작하지 않는걸 확인문제점 먼저 얘기하자면, 브라우저 별로 이벤트, 애니메이션 동작, 정책들이 조금씩 다르다.삼성인터넷에선 angular 스크롤 에니메이션이 잘 안먹힘. 그래서 따로 scss로 에니메이션을 만들어줘야한다. angular에선 @ViewChild라는 데코레이터를 사용하여 html 요소에 직접 닿을 수 있는데, 그중 scrollIntoView() 함수가 있음. export class MainPageComponent { // ViewChild를 활용해, html 요소를 직접 다룸 @ViewChild('topElement', { static: false }) topElement: ElementRef; eventFu.. 2025. 2. 11. [angular.js] @HostBinding()을 이용해, 컴포넌트에 직접 class binding 하기 개요: 컴포넌트 전체에 직접 클래스 바인딩 해서 디자인을 변경하는 상황이 생김angular에선 @HostBinding() 데코레이터를 이용하여, 해당 컴포넌트(host 요소)에 직접 클래스를 바인딩 할 수 있다. 사용법 1. 아래와 같이 HostBinding 을 이용해 해당 컴포넌트에 class를 변수를 통해 추가하거나 제거할 수 있다.(isExpanded가 true면 expanded 라는 클래스 추가, false면 expanded 클래스 제거)// 예시// 아래 코드는, isExpanded 라는 변수가 true가 될때, expanded가 클래스가 추가가 되는 코드. @HostBinding('class.expanded') get activeClass() { return this.isExpanded.. 2025. 2. 3. 2024년 아홉수 마무리 새해를 맞이하면서, 작년의 내가 무엇을 하며 살아왔고 이를 되돌아보며 올 한해는 무엇을 하며 살아야 할지 마음도 다잡을겸 끄적여볼게요.. 작년 한해를 두가지 카테고리로 나누자면 생활과 일 두가지로 나누어야겠죠도움이 되었던 생활들 - 운동 본격적으로 시작1. 고등학교 동창이 서울로 올라와서 한달 조금 넘게 같이 살았는데, 그때 농구를 매주 1~2회씩 진행 (지금은 날씨가 추워서 자주 하진 못하지만, 날이 풀리면 종종 나가서 농구를 할 예정) 2. 개발하는 친구들이 헬스를 시작하게 되면서, 같이 헬스하는 시간들이 늘어나고 이 후, 헬스 중량이 많이 늘게되면서 재미가 붙어 헬스를 열심히 하게됨(feat: 민재) 3. 작년 러닝 붐이 돌면서, 나도 한번 뛰어볼까 하는 생각에 뛰게 됬는데, 생각보다 적성에 잘맞았.. 2025. 1. 7. 웹앱 ios 빌드 시, 외부 스크립트 불러오지 못하는 오류 개요: 웹앱 프로젝트에 카카오맵 스크립트가 불려오지 않는 오류가 생김 (ios 앱에서만)우선, 카카오 맵을 웹에서 사용하기 위해 script를 추가해야된다. index.html 이걸 사용하고 자 하는 컴포넌트에서 declare 하여 사용하는데, 웹, android 에선 잘 되는데 ios에서만 안되는 오류가 발견;; 오류를 보고 구글링을 하닥보니, ios 웹뷰 정책으로 인해서, ios 앱에서만 카카오맵 스크립트를 못불러오는 상황이였음. 이 ios 정책을 뚫어서 웹뷰로 카카오 맵을 띄워주기 위해 고군분투 시작 info.plist LSApplicationQueriesSchemes kakaokompassauth kakaomap NSAppTranspo.. 2024. 12. 24. Chart.js 'Error: "doughnut" is not a registered controller.' 개요: 성별 차트에서 오류가 나와 보수작업 중 발견 위 에러는 chart.js 모듈에, ChartConfiguration 내부 ChartType을 가져오지 못해서 생기는 에러이다. 왜 못가져오는지는 원인이 파악안됨. 다른 프로젝트에선 잘 먹히는데, 여기서만 안먹히니... 참 (동일한 node_modules를 이용하기 때문에 안된다면 전부 다 안됬어야 정상 아인교) 하지만, 일단 문제는 해결 방법은 아래처럼 하면됨. new Chart 생성하기 전, 필요한 registerables를 등록해줌 private initChart() { Chart.register(...registerables); // const canvasElement = document.getElementById('chart') a.. 2024. 12. 10. 이전 1 2 3 4 ··· 44 다음
