[Typescsript] 타입스크립트 올인원:Part-1(1)

[Typescsript] 타입스크립트 올인원:Part-1(1)

기본 지식1. typescript는 최종적으로 javascript로 변환된다. 순전한 typescript 코드를 돌릴 수 있는 것은 deno이나 대중화되지가 않았음. 브라우저, 노드는 모두 js 파일을 실행한다.2. typescript는 언어이자 컴파일러(tsc)이다. 컴파일러는 ts 코드를 js로 바꿔준다.3. tsc는 tsconfig.json(tsc --init 시 생성)에 따라 ts 코드를 js(tsc 시 생성)로 바꿔준다. 인풋인 ts와 아웃풋인 js 모두에 영향을 끼치므로 tsconfig.json 설정을 반드시 봐야한다.- tsconfi.json이 핵심 파일. 타입스크립트 컴파일러가 보는 가장 핵심적인 파일4. 단순히 타입 검사만 하고싶다면 tsc --noEmit 하면 된다.- typescrip..

  • format_list_bulleted Typescript
  • · 2024. 11. 11.
[CSS] Grid

[CSS] Grid

https://studiomeal.com/archives/533 이번에야말로 CSS Grid를 익혀보자이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “studiomeal.com  giFlex는 한 방향 레이아웃 시스템 (1차원)Grid는 두 방향(가로-세로) 레이아웃 시스템 (2차원) 1. grid-template-rows, grid-template-colums 그리드 형태 정의gird-template-colums : 200px 200px 500pxcolumn을 200px, 200px, 500px로 지정gird-template-colums : 1fr 1fr 1fr;fr..

  • format_list_bulleted HTML,CSS
  • · 2023. 2. 24.
[CSS] Flex

[CSS] Flex

https://studiomeal.com/archives/197 정리글 입니다. 이번에야말로 CSS Flex를 익혀보자이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누studiomeal.com  Flex 컨테이너에 적용하는 속성 display : flex; Flex 아이템들은 가로 방향으로 배치되고, 내용물의 width 만큼 차지한다.(inline 요소와 동일)height는 컨테이너의 높이만큼 늘어난다.inline-flex는 컨테이너가 주변 요소들과 어떻게 어우러질지 결정하는 값. inline-blick처럼 동작한다.   메인축(Main Axis) : 아..

  • format_list_bulleted HTML,CSS
  • · 2023. 2. 24.

Mac 이클립스 2개 이상 띄우기

1. 터미널 열기 2. open -n 설치경로 ex) open -n /Users/hongGildong/_java/eclipse/Eclipse.app *) 경로복사 방법 eclipse -> 우클릭 -> option -> 경로복사

  • format_list_bulleted MAC
  • · 2023. 2. 21.
M1 docker Mac 재시작 후 oracle 실행, database new 오류

M1 docker Mac 재시작 후 oracle 실행, database new 오류

M1 docker Mac 재시작 후 oracle 실행 1. colima start colima start --memory 4 --arch x86_64 2. 이전 컨테이너 확인 docker ps -a 3. 컨테이너 실행 # docker start (컨테이너명) docker start 98aa03719a7a 4. log 확인 # docker logs -f (컨테이너명) docker logs -f oracle *) docekr 컨테이너 확인 방법 docker ps -a *) docker 컨테이너 삭제 방법 docker rm [삭제할 컨테이너명] *) 할일 다 했을 때 colima stop A driver already exists with that name. Please provide a unique driv..

  • format_list_bulleted MAC
  • · 2023. 2. 17.

inline, block, inline-block

inline : display 속성이 inline으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치.,, 등 padding-left, right 같이 양 옆으로 값이 실행된다.padding-top, bottom에 값을 주기 위해서는3display:inline-block;이나 display:block;을 주어 인라인요소를 블록화해야 한다. block : 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지한다. inline-block : inline 엘리먼트처럼 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치되지만, block 엘리먼트처럼 width와 height 속성 지정 및 margin과 padding속성의 상하 간격 지정이 가능하다. bl..

  • format_list_bulleted HTML,CSS
  • · 2023. 2. 14.