개발자공부 (66) 썸네일형 리스트형 angular window.scrollTo 안먹힐때 - 참고 https://zinee-world.tistory.com/543 1. 문제- window.scrollTo 를 사용해야 함- 그런데 angular 에서 window ~ documnet 를 콘솔창에 찍으면 ... 앵귤러쿤 ,, 정신차려 2. 해결 1). 이벤트가 발생한 html 태그에 함수 추가 (click)="setScrollEvent(targetScroll)"> 테스트 버튼 2). 스크롤을 적용할 타겟 세팅 #targetScroll > 3). 함수 세팅 setScrollEvent($element: any) { $element.scrollTo({ top: 0, .. pipe, custom pipe 사용하기 0. pipe 가 뭔가요 - 제가 설명하고 싶은건 custom pipe 여러 다른 내용은 상대적으로 간략하게 요약하였습니다. - 클래스를 파이프로 표시하고 구성 메타데이터를 제공하는 데코레이터입니다. - https://angular.dev/api/core/Pipe - 쉽게 설명하면 파이프 설정에 따라 html 에 띄울 변수가 변환됨date 파이프 예시html{{test}} {{test | date : "MMM dd, yyyy" }} wed Tue Feb 18 2025 13:59:56 GMT+0900 (한국 표준시) Feb 18, 2025 1. 파이프 종류 - angular 에서 기본적으로 제공하는 내장 파이프와 사용자 임의의 커스텀 파이프가 존재 1-.. Angular 에서 QuerySelector 사용하기 document.querySelector("main") document 가 뭘까요?햇갈린다 싶으면 0번부터 차근차근 읽어주세요!급하신분은 맨 아래 2번 고 0. QuerySelector 를 사용하기 위해 알아야 할 사전지식 - 참고 (https://velog.io/@haizel/DOM%EC%9D%80-%EC%99%9C-%ED%8A%B8%EB%A6%AC-%EA%B5%AC%EC%A1%B0-%EC%9D%BC%EA%B9%8C) 1). 노드(Node) - https://ko.wikipedia.org/wiki/%EB%85%B8%EB%93%9C_(%EC%BB%B4%ED%93%A8%ED%84%B0_%EA%B3%BC%ED%95%99) - 컴퓨터 과학에 쓰이는 기초적인 단위 .. 밑도끝도없이 덕담하는 글 개발공부용 블로그에 왠 갑자기 덕담이죠?라고 하셔도 제 블로그니까 제 마음대로 글을 씁니다.다들 올해는 더더욱 행복하시고즐겁고 재미있는 일이 가득하셨으면 좋겠습니다.누구 하나라도 이 글을 읽고 기분이 좋아진다면 서로 좋은거 아니겠습니까.맛있는거 많이 드시고 복 많이 받으시고잘되시거든 제 행복도 빌어주시고거기서 더 잘되시면 저한테 맛있는것도 좀 사주시고거기서 더더더 잘되시면 ???? 하여간 잘되시고 행복하세요. ^^ Fork 포크 사용법 * 영어표기가 디폴트, 이하 한글표기 0. Fork 가 뭔가요? - https://git-fork.com/ - fork 는 Git Gui 입니다. - 소스트리와 사용법이 거의 동일합니다. 그러면 소스트리 쓰면되는데 굳이? 싶지만, 저같은 경우는 결정적인 이유가 있어서 환승했어요. 하단에 적어두겠습니다. - 브랜치 등의 Git 과 관련된 기본적인 설명 ( 참고 https://seo-developer.tistory.com/25 ) - 포크도 GitLab 필요합니다. ( 참고 https://seo-developer.tistory.com/46?category=1094813 ) 1. 초기세팅 - 참고 https://devgather.com/entry/Git-fork-%.. Angular 초기 설정 * 영어표기가 디폴트, 이하 한글표기* Angular 기준* 기존에 정리해두었던 내용이 산만한 듯 하여 새로 작성합니다.0. Angular 가 뭔가요 - 컴포넌트 구조로 웹 애플리케이션을 만드는 프레임워크 - TypeScript 사용 - 컴포넌트가 뭔지? (https://seo-developer.tistory.com/90 / 제일 상단 참고) 1. Angular 시작하기 0). Node.js (Node.js (nodejs.org)) / node js 버전 6.9.0 이상 - https://nodejs.org/en - JavaScript 엔진으로 빌드된 JavaScript 런타임 - Angular Cli 를 설치하기 위해.. angular 에서 JSON 형식 가시화 * 영어표기가 디폴트, 이하 한글표기* angular 16.2.0 버전 사용 html 화면에서 json 형식의 데이터를 띄워야 하는 상황 0. JSON? - 참고(https://www.daleseo.com/js-json/) - 간단하게 설명하자면 { id: "admin", pw: "test123" } 형식의 데이터 포멧 - Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷 1. 데이터 세팅 1-1. json 데이터 형식의 interface 세팅//인터페이스interface TestIntface { status: string; result: { version: string; value: string; } }.. standalone 관련 * 영어표기가 디폴트, 이하 한글표기* angular 15.2.0 버전 이상컴포넌트가 뭔가요? - 재사용 가능한 웹의 구성요소 - 참고 (https://www.remain.co.kr/page/designsystem/component-understanding.php) angular 는 컴포넌트 방식이다. 기본적으로 부모 - 자식간의 종속 관계를 갖는다.app.module 에서 각각의 컴포넌트들 뿐만 아니라 PrimeNg 등의 다양한 라이브러리도 import 하여 사용할 수 있다. -참고 (https://ksrae.github.io/angular/standalone-route/)그런데 버전이 업그레이드 되면서 standalone 옵션이 추가되었다.말 그대로 혼자 독립할 수 있는 속성이다.. 이전 1 2 3 4 ··· 9 다음
