wholic80의 등록된 링크

키자드에 등록된 총 9개의 포스트를 확인하실 수 있습니다.

Naver Blog

glitch로 무료 json server를 꾸려보자

https://dave.anotherclass.kr/glitch-json-server/ glitch로 무료 json server를 꾸려보자 Glitch Code Editor ・゚Simple, powerful, free tools to create and use millions of apps. glitch란? "Glitch"란 원래 컴퓨터 시스템, 전자기기, 소프트웨어 등에서 발생하는 작은 오류나 결함을 의미한다. 이 용어는 예기치 않은 문제, 작동 오류, 혹은 프로그램의 잘못된 동작을 가리키는데 사용된다. 오늘 사용해볼 glitch 서비스는 사용자들이 웹 애플리케이션을 쉽고 dave.anotherclass.kr #javascript #json #jsonserver #glitch

Naver Blog

docker (4) - docker compose

https://dave.anotherclass.kr/docker-hello-world-4/ docker (4) - docker compose compose의 목적 단일 container에 대해서 docker run 명령어를 사용해 container를 띄울 수 있기는 하다. 그렇지만, Docker Compose를 사용함으로써 환경 변수, 볼륨, 포트 등을 docker-compose.yml 파일에 명시하여 보다 선언적이고 재현 가능한 방식으로 container를 구성하고 실행할 수 있다. Docker Compose는 단일 container 어플리케이션에도 사용할 수 있지만 주로 여러 container를 함께 관리하고 dave.anotherclass.kr #docker #dockercompose

Naver Blog

docker (3) - volume mount

https://dave.anotherclass.kr/docker-3-volume-mount/ docker (3) - volume mount 이전 글에서 docker의 container 내에서 생성된 데이터는 임시적인 것을 확인했다. docker에서 생성된 데이터를 영구 저장하기 위해서는 volume을 사용해야 한다. volume은 docker container가 데이터를 저장하고 유지하기 위해 호스트 시스템에 마운트하는 저장공간이다. 다음과 같은 3종의 volume이 있지만 이 중 bind mount에 대해서만 알아보겠다. * 호스트 시스템의 특정 file이나 directory를 연결한 bind mounts * docker가 dave.anotherclass.kr #docker

Naver Blog

docker (2) - docker 간단 예제

https://dave.anotherclass.kr/docker-hello-world-2/ docker (2) - docker 간단 예제 간단한 image 만들기와 container 실행까지 docker 설치 docker 공식 사이트에서 설치파일을 받고 실행하자. Docker Personal - Sign Up for Free | DockerDocker Personal offers free access to an intuitive platform allowing developers to build, share, and run cloud-native applications.Docker 간단한 web server image 만들기 우선 image를 만드는 과정이 적힌 Do... dave.anotherclass.kr #docker #helloworld

Naver Blog

docker (1) - docker의 개념

https://dave.anotherclass.kr/docker-hello-world-1/ docker (1) - docker의 개념 들어가기 이 글은 4편으로 구성될 docker에 관한 설명 중 첫번째 글이다. 도커는 다음에 대한 문제의식에서 시작한다. "한 컴퓨터 내에 독립된 환경을 가상머신보다 더 가볍게 돌릴 수는 없을까?" 가상머신 vs docker 가상머신과 docker를 비교해놓은 그림을 보면 왜 도커가 더 효율적으로 작동하는지 알 수 있다. 이미지는 도커 공식 홈페이지에도 올라와있다. 가상 머신 dave.anotherclass.kr #docker

Naver Blog

javascript의 module 이해하기 (require vs import)

https://dave.anotherclass.kr/javascript-module-system/ javascript의 module 이해하기 (require vs import) 들어가기 이번 글은 Node.js 디자인 패턴 바이블의 2장 모듈 시스템을 공부하고 그 내용을 요약한 것입니다. 나머지 내용은 평어체로 작성하겠습니다. ^^;; 모듈의 필요성 * 코드베이스를 나누어 여러파일로 분할 - 구조적 관리 * 코드 재사용 * 은닉성 - 명료한 책임을 가진 간단한 인터페이스만 노출 * 종속성 관리 - 쉽게 불러쓸 수 있게 javascript의 두가지 모듈 시스템 dave.anotherclass.kr #javascript #module

Naver Blog

vscode dark theme 추천

velopert 강의에서 보기 좋아서 찾아봤는데 아마도 palenight 인 듯 하다. 드라큘라보다 소프트한 darktheme 다만 하단 패널이 잘 구분이 안가서 settings.json 에 다음을 추가 "workbench.colorCustomizations": { "[Palenight Operator]": { "panel.background": "#151720" } } 선택 영역을 잘 안보이면 다음 추가 "editor.findMatchHighlightBackground": "#ffffff00", "editor.wordHighlightBackground": "#ffffff20", "editor.wordHighlightStrongBackground": "#ffffff20", "editor.selectionBackground": "#7580B880", "editor.selectionHighlightBackground": "#7580B880", "editorCursor.foreground

Naver Blog

javascript로 array 다루는 13가지 방법 feat 다양한 문법

https://dave.anotherclass.kr/javascript-array/ javascript로 array 다루는 13가지 방법 feat 다양한 문법 들어가며 JavaScript는 웹 개발에서 매우 중요한 언어로, 다양한 환경에서 강력한 기능을 제공한다. 특히 배열과 객체는 JavaScript 프로그래밍에서 핵심적인 부분을 차지하고 있다. 이 글에서는 JavaScript를 사용하여 배열을 다루는 방법과 함께 다양한 문법과 기법들을 소개하려 한다. 먼저, 기본적인 for 및 while 반복문을 사용한 배열 조작 방법을 살펴본다. 이는 JavaScript 배열을 다루는 가장 dave.anotherclass.kr #javascript #array

Naver Blog

기본기 익히기 : 주니어 프론트엔드 개발자 / 취준생을 위한 성장 로드맵 제안

https://dave.anotherclass.kr/junior-frontend-roadmap/ 기본기 익히기 : 주니어 프론트엔드 개발자 / 취준생을 위한 성장 로드맵 제안 웹 프론트엔드 개발은 끊임없이 진화하는 기술 세계에서 중요한 역할을 한다. 사용자와 직접적으로 상호작용하는 사용자 인터페이스를 설계하고 구현하는 데 필요한 지식과 기술이 다양하다. 하지만 초보 개발자들은 종종 어디서부터 시작해야 할지, 무엇을 학습해야 할지에 대한 방향을 잃곤 한다. 이 문서는 프론트엔드 개발자로 성장하고자 하는 이들을 위한 로드맵을 제시한다. 기본적인 자바스크립트 문법부터 시작하여, dave.anotherclass.kr #frontend #junior #javascript #roadmap

1