본문 바로가기

전체 글

 (87)
enum * 영어표기가 디폴트, 이하 한글표기 0. enum의 개념 - typeScript 에서 지원하는 데이터 타입 - 상수의 집합, enumerated type(열거형 ~ 여러 가지 예나 사실을 낱낱이 죽 늘어놓음) - 값이 변하지 않기 때문에 데이터를 비교할때 사용하면 유용하다 1. 사용법 import { appComponent } ... ... // enum 세팅 enum NewEnum { A = 'a', B = 'b' } // 상수에 세팅한 enum 값 부여 const newE: newEnum = newEnum.A; export class NewCompnent { constructor() { // enum 사용 console.log(newE) // 'a' }
[레시피] 규동 규동동 하는법 1. 재료 - 메인재료: 불고기용 소고기(저는 우삼겹 선택), 양파 1개, 밥, 달걀 1개 - 양념 1). 소스 - 간장(집에있는거 아무거나. 양조간장 추천.), 다시마 1쪽, 설탕, 참치액 2). 고기 밑간 - 맛술, 후추, 생강과 마늘 약간 2. 방법 1). 고기 밑간하기 - 고기는 키친타월을 사용하여 적당히 핏기를 제거 - 따로 핏기 없으면 바로 사용해도 됨 - 다진 생강과 마늘, 후추를 고기와 버무려준다. 2). 재료 손질및 양념 준비 - 양파는 반으로 갈라 반달 모양으로 썰어서 준비 - 종이컵 약 3컵(500ml)에 다시마를 불려 다시마 물 준비. 다시마는 고기를 다 볶을때까지 담가두기 - 간장 소스는 쯔유일 경우 물 1 숫가락과 설탕을 조금 섞어서 준비(본인 입맛에 맞게 달달함 ..
React 시작하기 0. 시작 전 설치프로그램 1). vscode 2). Node.js - 런타임 환경 - 패키지 매니저 도구 npm 도 같이 설치됨 1. 리액트 프로젝트 생성 - 원하는 경로에 프로젝트를 생성 - 내 프로젝트 경로에서 npm start - 경로가 안맞으면 npm ERR! enoent This is related to npm not being able to find a file. 에러 발생 npx create-react-app my-app npm start 0). 터미널 단축키 (윈도우) ~ 경로관련 현재 경로 확인 pwd 현재 위치 cd 상위 폴더로 이동 cd .. 신규 폴더 생성 mkdir 폴더이름 신규 파일 생성 fsutil file createnew 폴더 내 파일 리스트 출력 Ls, dir 터미널 초..
[CSS] background gradient 2023.12.15 - 1차 수정 / 설명 수정 및 추가 -참고 (https://developer.mozilla.org/ko/docs/Web/CSS/gradient/linear-gradient) 0. gradient 단색 gradient , 최소 2개 이상의 색이 섞임 - 이하 그라디언트로 표기 1. css 속성 - background-image - 이미지를 배경으로 사용할 수 있는 속성 - background-color 는 색상(단색), background-image 는 이미지 - 그라디언트는 이미지 취급 - 그냥 background 로 사용가능 background: linear-gradient(to right, rgba(255, 0, 0, 0) 60%, #2199e8); background-image..
JavaScript Event 이벤트 개념 및 종류 ################################# ################################# 시간 날때 마저 정리할 문서 입니다. ################################# ################################# 0. Event - DOM : html, xml 문서의 프로그래밍 인터페이스 - 사용자가 DOM 조작시 발생하는 특정 사건 - 즉 이벤트는 html 요소에 발생한 사건 https://developer.mozilla.org/en-US/docs/Web/API/Window 1. UI Event load 스타일시트, 스크립트, iframe 및 이미지와 같은 모든 리소스를 포함하여 전체 페이지가 로드 되면 이벤트 발생 unload err..
pagination _(수정: 2023.11.13) * 영어표기가 디폴트, 이하 한글표기 2023.11.13 - 1차 수정 / 설명 수정 및 추가 0. pagination 페이지네이션 - https://en.wikipedia.org/wiki/Pagination - paging, 페이징이라고도 하며 정보 목록을 분할하여 출력하는 기능 - 예를 들면 30개의 게시글이 있을 경우, 한 페이지에 10개씩 총 3 페이지로 분할하여 출력하는것 1. 사용방법 1). 설치 및 app.module 에 import - npm ngx-pagination (https://www.npmjs.com/package/ngx-pagination?activeTab=readme) import { AppComponent } from './app.component'; import { NgxP..
Math 함수 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math Math ceil 주어진 숫자를 반올림하여 가장 근접한 작은 정수를 반환 console.log(Math.ceil(0.95)); // Expected output: 1 console.log(Math.ceil(-7.004)); // Expected output: -7 floor 보다 작거나 같은 가장 큰 정수를 반환 max 0개 이상의 주어진 숫자중 가장 큰 값을 반환 min 0개 이상의 주어진 숫자중 가장 큰 작은을 반환 random 주어진 범위 안의 랜덤 값을 반환 https://hianna.tistory.com/454 round 주어진 숫자을 반올림하..
리눅스 기초, 명령어 0.리눅스 https://ko.wikipedia.org/wiki/%EB%A6%AC%EB%88%85%EC%8A%A4 - 오픈소스 유닉스 계열 운영 체제 - 오픈소스이기 때문에 프로그램 소스를 변경하여 재배포 가능. 다양한 배포판이 존재 (운영체제와 배포판, 커널에 대해서 정리한 글 https://seo-developer.tistory.com/67) - 다중 사용자 및 다중 처리 시스템 ~ 하나의 시스템에 다수의 사용자가 동시 접속 및 멀티 테스킹 가능 1. 권한(퍼미션) ~ root - 리눅스는 사용자 중심의 시스템으로 사용자 계정으로 접속 가능 - 모든 사용자마다 권한이 따로 존재 - root 는 시스템을 관리할 수 있는 최고 권한 - 리눅스 파일 체제의 최상위 디렉터리( / ) 1-1. 권한 제어 명령..

티스토리툴바