본문 바로가기

전체 글

(87)
20241107 오늘완 챌린지 01 2024년 11월 7일(목) - 11월 27일(수) 까지 진행되는 오블완 챌린지* 3일 이상 진행 시 3천명에게 주어지는 빅맥세트를 목표로 도전해봅니다.* 그날 그날 제 생각을 아무렇게나 주절주절 적어볼까 합니다.       나는 출근 후 매일 핸드크림을 바르고 안경을 깨끗하게 닦는다. 처음부터 갖고있던 습관은 아닌데 직장 생활을 시작한 후로 의식적으로 행동하는 루틴 중 하나이다. 습관은 무의식의 영역이라면 루틴은 의식의 영역이라고 한다. 그런데 이 행동은 언제부터인가 자연스럽게 습관으로 스며든 것 같다. 안경을 닦고 핸드크림을 발라야 업무 - 하루를 시작하는 기분이 든다. 반대로 하루를 마무리하는 루틴은 영양제 챙겨먹기인데, 방금 전까지 어떤 행동을 하더라도 영양제를 먹으면 귀신같이 침대에 가서 눕고싶..
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 를 설치하기 위해..
2025 달력 배판 [1]                                                     1.1 (신정)1.29 (설날)   12345678910111213141516171819202122232425262728293031  [2]                                                           12345678910111213141516171819202122232425262728 [3]                                                     3.1 (삼일절)3.3 (대체 공휴일)      12345678910111213141516171819202122232425262728293031      [4]            ..
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 옵션이 추가되었다.말 그대로 혼자 독립할 수 있는 속성이다..
angular 신규 버전 (18.2) 변경사항 2024.09.24 - 1차 수정 / 수정 및 내용 추가*ngFor, ngIf 등,빠른 해결책을 바라시는 분들은 이쪽 가이드 참고 !!! ( https://blog.angular-university.io/tag/angular-core/ )       0.*ngIf         신규 프로젝트에 사용하고자 최신 버전의 angular 를 설치 하였다. 사용할 수 없는 기존 기능이 생각보다 꽤 많이 존재하는 것 같다. ngIf 를 사용하기 위해, 해당 컴포넌트의 standalone 옵션 (true 일 경우 사용하려는 모듈을 하나하나 직접 import 해야 한다.) 설정에 따른 CommonModule 적용하였다. 그런데 왜 안되는지...    error  >NG0303: Can't bind to 'ngIf' s..
localStorage 에 JSON 형식 저장하기 - 참고 https://goddino.tistory.com/207 - 쿠키와 세션 https://seo-developer.tistory.com/58 - 요약: 로컬 스토리지는 웹 닫을때 삭제되는 임시 저장소 0. JSON 형식이 뭔지 https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON - Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷 - { "key: "value", "key_2": "value_2" ... } 이런 식으로 생겼음 1. localStorage 에 저장하기 - localStorage.setItem("key이름", "value내용"); -> 저장 - localStorage.getI..
new Map() 0. 이게뭔가요 - 자료구조 - key 와 value 로 이루어져있으며, 다양한 자료형으로 사용할 수 있다. (number, string ... 등) - index 처럼 하나의 고유 key 값을 가짐 - value 는 다른 key 에 할당된 값과 동일할 수 있으나 key 는 중복 불가 - 해당 key 에 value 를 할당할 수 있음 장점 단점 고유 key 값을 통해 조회 순번(index) 형식일때는 비효율 고유 key 값을 알고있어야 조회가능 1. 어떻게 쓰나요 1). 생성 및 데이터 추가 //맵 객체 생성 var newMap = new Map(); //맵 객체 생성 및 초기값 부여 var newMap_1 = new Map([ ["강아지", 10], ["고양이", 50] ]); //맵 객체에 데이터 추..