작은 바탕화면 만들기

개요 > 시계는 1초마다 갱신되고 디지털 시계의 형식을 따른다. 타이머 아래에는 오늘의 날짜를 출력한다. 시계 기본 로직 > new Date() 객체를 통해 현재 시간 정보를 얻어오고 이를 가공해서 1초마다 뿌려준다. 시간 정보는 시계 외의 다른 컴포넌트들도 사용하

개요 > 실행 가능한 모든 컴포넌트를 레이블 형태(아이콘)로 보여주고, 레이블을 클릭하면 그에 맞는 컴포넌트(=창)를 실행한다. main.js 모듈화 모듈을 어떻게 나눌까 고민했는데, 역시 메인 컴포넌트들을 각자의 .js 파일로 구현하고 바탕화면 역할을 하는 mai

구성 처리가 필요한 클릭 이벤트는 크게 두 가지다. 창이 여러 개 열려 있을 때, 가장 최근에 클릭한 창을 가장 위에 띄워줘야 한다. 창 닫기 버튼(x)을 눌렀을 때 창이 꺼져야 한다. clickWindowEl click-event.js 로직 자체는 단순하다. 창

개요 월~금요일, 9시 ~ 18시까지 저장할 수 있는 시간표를 구현했다. 분 단위는 정시(0분), 30분만 추가할 수 있다. 우측 상단에서 사이드바의 기능을 선택할 수 있다. Today's lecture는 접속한 요일에 해당하는 강의들을 띄워 주고, Add Timet

개요 > 명언을 작성하면, 랜덤으로 메인 탭에 띄워준다. 전역 변수 전체 요소를 통틀어 유일하고 여러 함수에서 재사용되는 요소들을 전역으로 빼줬다. desktop: 요소 좌표 계산하고 붙여줄 때 사용 tabListItems: 탭 요소들 contentBody: 실제

이번에는 다른 분의 코드를 거의 그대로 가져왔다. 비록 플젝에는 복붙해 넣었지만 블로그에도 따로 코드를 올려도 되나? 싶었는데 내 프로젝트에 맞게 아주 살짝 변형한 부분이 있어 일단 원본 링크를 걸고 올려보기로 했다. 링크에서는 다양한 드래그들도 많고, codepen을