본문 바로가기
반응형

전체 글

 (401)
[모음집] IT 용어 모음집 오늘의 명언예제 코드가 있다면 자바스크립트/타입스크립트 기준으로 작성되어 있습니다. 시스템콜드 스타트 | 데이터가 부족하여 프로그램이 목적을 달성하지 못하는 고질적인 문제 프로그램측면에서 데이터가 없는 상태를 의미합니다. 그래서 추천시스템의 cold start는 새롭게 들어오거나 특정한 유저들의 데이터를 충분히 확보하지 못하여 유저에 적합한 추천을 하지 못하는 문제 입니다. 모놀리스 아키텍처 모놀리스(Monolith) 아키텍처는 하나의 소프트웨어를 구성하는 모든 모듈과 코드를 한 프로젝트에서 관리하는 것을 의미합니다. 클라우드 컴퓨팅 IT 리소스를 인터넷을 통해 온디맨드로 제공하고 사용한 만큼만 비용을 지불하는 것을 의미합니다. 블로킹과 논블로킹블로킹(Blocking) | 특정 작업 완료 까지 다음 작업..
HTML/CSS 를 이용하여 실제 같은 페이퍼 만들기 보호되어 있는 글입니다.
바닐라 JS/HTML/CSS 로 재밌는 애니메이션 효과 만들기 (3탄) 이전 애니메이션 | HTML/CSS 만으로 재밌는 마우스 호버 애니메이션 구현하기 HTML/CSS 만으로 재밌는 마우스 호버 애니메이션 구현하기(var 함수 활용)(2탄)1탄 | JS/HTML/CSS 로 랜딩 애니메이션 구현 바닐라 자바스크립트로 재밌는 애니메이션 /효과 구현해보기 (1탄)결과 미리보기이번 포스팅을 잘 따라오시면 아래와 같은 애니메이션을 구현할 수 있duklook.tistory.com 미리보기이번 포스팅을 잘 따라오시면 아래와 같은 네비게이션 애니메이션을 구현하실 수 있는 능력을 얻을 수 있습니다. HTML            Home      About      Contact      Project      Post      Map             우선 헤더 내 위치하는 네비게이션..
HTML/CSS 만으로 재밌는 마우스 호버 애니메이션 구현하기(var 함수 활용)(2탄) 1탄 | JS/HTML/CSS 로 랜딩 애니메이션 구현 바닐라 자바스크립트로 재밌는 애니메이션 /효과 구현해보기 (1탄)결과 미리보기이번 포스팅을 잘 따라오시면 아래와 같은 애니메이션을 구현할 수 있게 됩니다.  영상은 약간 짤려서 나왔는데 원래 시작 화면은 하얗게 가득찬 상태에서 시작됩니다.   HTML우duklook.tistory.com미리보기이번 포스팅을 잘 따라 오시면 다음과 같은 애니메이션을 구현하실 수 있게 됩니다.    HTML HTML 마크업 구조에서 제일 중요한 부분은 style 속성의 값으로 --c와 --r 이라는 사용자 정의 CSS 변수를 지정하는 것입니다. 또한 각 div 태그 마다 .card 라는 class 속성의 값을 지정하여 향후 CSS 에서 .card 클래스 선택자에 접근하기..
바닐라 자바스크립트로 재밌는 애니메이션 /효과 구현해보기 (1탄) 0탄 보러가기 바닐라 JS/HTML/CSS 로 재미있는 애니메이션 구현하기(0탄)광원 마우스호버란?사실 그냥 마우스호버 애니메이션이라 하면 멋 없어보이니까 광원이라는 단어를 붙여서 만들어 보았습니다. hover 시 특정 애니메이션(빛의 퍼짐을 표현한 애니메이션)이 마duklook.tistory.com  결과 미리보기이번 포스팅을 잘 따라오시면 아래와 같은 애니메이션을 구현할 수 있게 됩니다.  영상은 약간 짤려서 나왔는데 원래 시작 화면은 하얗게 가득찬 상태에서 시작됩니다.   HTML 이것이 프론트엔드다  우선  HTML 마크업을 아래와 같이 작성해줍니다. h2 는 헤딩태그로서 앞서 미리보기의 화면 중앙에 위치한 텍스트가 됩니다. banner 클래스가 부여된 div 태그는 화면의 뒷단..
[자료구조] 이진탐색트리와 연산 이진탐색트리이진탐색트리는 각 노드에 최대 두 개의 자식을 가지는 것은 이진트리와 같으나, 한 가지 눈에 띄는 차이점이 존재한다. 바로, 부모 노드의 왼쪽 자식 노드는 부모 노드보다 작은 값을 가져야 하고, 오른쪽 자식 노드는 반대로 큰 값을 가져야 한다. 즉, 다음과 같은 형태가 되어야 한다.  이 규칙은 자식 노드를 가지는 모든 부모 노드가 공통적으로 가지는 규칙 이므로 꼭 지켜주어야 한다.  이진탐색 트리 구현 |  Node Class이진탐색트리는 연결리스트하고 비교 했을 때 Node 클래스를 가지는 것은 동일하다. 다만, 트리의 Node 클래스는 head 라고 하는 참조 필드가 아닌, 왼쪽 자식 노드를 참조하는 left 와 오른쪽 자식 노드를 참조하는 right 가 있다. 즉, 다음과 같은 형식으로..
[나만의 모음집] VSCODE 사용자 코드 조각 아카이브 해당 포스트는..유용하게 사용하기 위해 만들어둔 사용자 코드 조각을 모아둡니다.  it : 테스트 it block { "Vitest It Block": { "prefix": "vit", "body": [ "it('$1', () => {", " $2", "});" ], "description": "Vitest it block" }, } vtest : 테스트 코드 작성을 위한 기초 셋팅{ "Vitest Test Suite": { "prefix": "vtest", "body": [ "import { describe, it, expect, beforeAll, afterAll..
[명령어 모음집] 다양한 명령어 혹은 팁을 모아두는 아카이브 포스트 목적 명령어/팁 들을 모아두는 포스트 입니다. 내용 수정 시 해당 날짜로 갱신되어 업로드 됨을 원칙으로 합니다.. docker# Docker 이미지 관련 명령어# Dockerfile을 사용하여 새로운 이미지를 빌드합니다. # -t 플래그로 이미지 이름과 태그를 지정합니다.docker build -t : .# Docker Hub 또는 다른 레지스트리에서 이미지를 가져옵니다.docker pull :# Docker Hub 또는 다른 레지스트리로 이미지를 업로드합니다.docker push :# 로컬에 존재하는 Docker 이미지의 목록을 표시합니다.# -a 플래그를 사용하면 모든 이미지(중간 이미지 포함)를 표시합니다.docker images -a# 로컬에서 Docker 이미지를 삭제합니다.docker ..
반응형

티스토리툴바