Search result

document.querySelector 메소드

이 메소드는 () 안에 지정한 ‘선택자(selector)’를 가져옵니다. 선택자란, CSS의 선택자를 의미합니다. 즉, 자바스크립트로 요소를 가져올 때 CSS 선택자를 사용할 수 있는 것입니다. (매우 편리한 기능) CSS 선택자...

javascript 스터디

카운트다운(countdown) 타이머

도쿄 하계 올림픽 개최일(2020년 7월 24일)까지 남은 시간을 카운트하는 타이머입니다. css [crayon-5e6e34e44f994444732666/] script [crayon-5e6e34e44f99c173219249/] [crayon-5e6e34e44f9a1743168495/] 일정 시...

javascript 스터디

폼의 입력 내용 읽어오기

입력 내용 읽어오기 취득한 요소 중 읽고 싶은 양식의 name 속성.value [crayon-5e64c2241abed789788953/] 입력 내용을 읽으려면 먼저 요소를 취득합니다. [crayon-5e64c2241abfc266737201/] 입력된 내용을 읽고...

javascript 스터디

404페이지 설정하기

정의되지 않은 페이지는 404페이지를 사용자 정의하는 방법이다.1. resources/js/components/Notfound.vue 파일을 만들어준다.2. resources/js/routes.js  1import Notfound from './components/Notfound';cs123456 ...

Vue(laravle)

현재선택 목록 css 사용자 정의

exact 속성을 넣어주면 "/" 라우터에 색상제거 할 수 있음 12345                                                         LOGO                              LOGO SYMBOL                              COLORS  ...

tailwindcss

=== 연산자와 == 연산자

=== 는 좌우가 같으면 결과가 true 가 됩니다. ===보다 등호가 하나 적은 ==연산자도 있습니다. 역할은 거의 같으며 왼쪽과 오른쪽을 비교해서 같으면 true, 다르면 false가 됩니다. 이전에는 ===보다 ==를 일반적으...

javascript 스터디

02) 레이아웃 tailwindcss

1. 테일윈드(CSS프레임워크) 설치하기1npm install tailwindcsscs2. 테일윈드 구성파일설치1npx tailwind initcs프로젝트 디렉토리에 tailwind.config.js 파일이 생성되었다.3.  resources/css/tailwindcss.css 파일...

Vue(laravle)

vetur 설치

vetur : Vue.js 코드에 대한 문법 강조, 코드 자동완성, 디버깅, 린팅 기능들을 제공한다.

vscode

ticket reservation app 완성 및 시뮬레이션

애플리케이션 구조 애플리케이션 작동 방식 이번 프로젝트의 목표는 순간적으로 몰리는 트래픽에 대응할 수 있는 서버를 구축하는 것이었기 때문에, 일반적인 웹 클라이언트는 만들지 않고 시뮬레이션을 위해 reque...

kotlin에서 dynamoDB 사용하기

개요 12월 프로젝트(https://velog.io/@dvmflstm/12%EC%9B%94-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-ticket-reservation) 에서는 dynamoDB를 사용해보기로 결정했고, 그에 따라 kotlin 및 aws sdk를 활용해 dynamod...