본문 바로가기

전체 글

 (87)
비동기 처리 * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 비동기 처리가 뭔가요? - 특정 코드의 연산이 끝날때까지 코드 실행을 멈추지 않고 다음 코드를 먼저 처리하는 방식 - 예를 들면 붕어빵을 먹으려는데, 나는 음료수를 사오고 친구가 줄을 기다리면 한번에 마실거 + 먹을거 해결 되는것 비동기 처리를 설명할때 대표적인 예시로 AJAX, SetTimeout 이 있다. 1. AJAX - 무려 비동기 방식을 기반으로 웹 개발을 위한 기법 (HTMLm CSS 등등) - 특정한 하나의 기술이 아닌 묶음 느낌 - 웹 화면을 예로 들면 이해가 쉬운데. 전에 포스팅한 글을 참고하면 좋다. (https://seo-developer.tistory.com/21) 장점 단점 ● 빠른 속도 (붕어빵을 생각하자) ● 수신할 ..
html, css, flex 1. : 문서 유형이 html 타입     2.  : 웹 문서의 처음 ~ 끝을 알림     3.           전에 썼던 html, css, flex 관련 글https://seo-developer.tistory.com/21 class vs idhttps://seo-developer.tistory.com/24 css 속성은 여기서 확인https://www.w3schools.com/cssref/default.asp  html : css : .이름지정 { color : #fff; }이런식으로 지정할 수 있다.Flex 는 ... 부트스트랩처럼 단을 나누기에 적합한 기능인데.약간 때려맞추기 식으로 하다보니까 잘 안먹혀서 슬펐다
material 사용하기 * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 참고한 사이트 : 1). https://material.angular.io/ 2). https://rottk.tistory.com/entry/Angular-Material 0. 필요한 설치 1). npm install @angular/material 2). npm install @angular/cdk 3). npm install @angular/animations 4). 설치 후, ng add @angular/material 왠만하면 package.json 에서 버전을 확인 후, https://www.npmjs.com/ 를 참고하여 가장 많이 다운로드 받은걸로 설치하자 1. 오류 발생시 https://seo-developer.tistory.co..
npm 설치 관련 오류 * 영어표기가 디폴트, 이하 한글표기* Angular 기준* 최근 수정 (2025.01.14)   은근 찾으시는 분들이 많아서 업데이트 합니다. 도움이 되셨으면 좋겠어요.0. 상황- npm install 해서 어떤 패키지를 다운 받는 도중 오류가 발생하는 경우- 이전에는 오류가 없었다면 왠만해선 버전 오류일 가능성이 크다.- 버전을 깔끔하게 맞추는게 베스트지만 이미 건너올대로 건너온 상황이라면--force npm i --force / npm update --force 충돌 우회--lagacy-peer-deps  npm i --lagacy-peer-deps  / npm update --lagacy-peer-deps  충돌 무시 - 좀 더 자세히 알고싶으면 참고해주세요   https://velog.io/@y..
컴포넌트 탐구 컴포넌트화가 얼마나 중요하냐하면. 그 전에 컴포넌트와 모듈의 차이점에 대해 잠깐 얘기해보겠따 1. component - 화면을 구성하는 뷰를 생성하고 - 관리하는 역할 - 독립적으로 설계할 것 - 재사용(조립) 가능한 단위 !! 여기서 핵심은 재사용이다. 예를들어 레고로 만든 작품이 있을때. 블럭 하나하나가 컴포넌트 레고를 잘 보면 문 블럭, 벽돌 블럭 등. 다양한 벽돌이 존재하는데. 각각의 역할이 있고 - 또 적절한 상황(집을 만들때 문 블럭 사용)에 맞춰 끼워넣을 수 있다. 2. module - 컴포넌트의 상위 개념 - 모든 구성요소 (component, pipe, series, directive 등) 을 포함한다. - 여러 모듈을 조합할 수 있다. (예를들면 app.module 에, 사용하고자 하는..
undefined, null * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 둘다 없는 값을 생각하면 되는데 개념이 묘하게 다르다. undefined 는 데이터 타입 + 값, 타입도 없고 값도 없는 상태 이 친구는 전역변수로 변수를 선언하고 값을 할당 안함. 자료형 XXXX null 은 값, 늘 비어있다는 특정한 값을 가짐 변수를 선언하고 빈 값을 할당한 상태. 빈 객체
SourceTree 소스트리 사용법_(수정: 2023.11.10) 필요한것 : GIT + SourceTree (유틸리티)1. 깃허브 회원가입 + 인증까지 완료2. 소스트리 설치 2023.05.24 - 1차 수정 / 설명 수정 및 추가2023.07.12 - 2차 수정 / 병합 충돌 설명 수정2023.10.19 - 3차 수정 / 설명 수정2023.11.10 - 4차 수정 / 이미지 교체2024.12.09 - FORK 추천글 추가-> 소스트리 같은 git GUI 인 fork 도 한번 구경해보세요.    (https://seo-developer.tistory.com/95?category=1094813) SourceTree 의 중요한 개념에 대해서 먼저 설명하자면 0. SourceTree 는 나무라고 생각하자.- https://www.sourcetreeapp.com/- 사용자와..
Id, Class * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 , div 는 HTML 에서 하나의 덩어리를 나누는 컨테이너 여기서 class 랑 id 의 무엇이 다른지 설명해보겠습니다. Class Id 둘 다 각각의 div 를 지칭하는 이름이다. 동일한 Class 명 재사용 가능 한 요소에 여러개의 클래스 명을 적용할 수 있다. id 는 딱 한개만 사용가능 재사용 할 수 없다. class 보다 우선순위로 css 가 적용된다 조금 햇갈리는데, 예를 들면 Html 에서 특정한 하나의 요소(header, body 등) 은 id 를 생각하면 되고 안에 채워지는 요소들은 class 를 생각하면 된다. 추가로 div 와 span 의 차이점은 div 는 앞에 덩어리 라고 얘기했는데, 글씨 + 박스 의 개념이고 span..

티스토리툴바