🗒️ 코드 (5)

1. 2022.06.03 [JavaScript] jQuery를 사용하지 않고 최상단 화면 이동 기능 구현하기

   jQuery를 사용하지 않고 최상단 화면 이동 기능 구현하기 들어가며 제이쿼리(jQuery)를 사용하지 않고, 자바스크립트(JavaScript)만으로 화면의 최상단으로 이동할 수 있는 버튼을 만들 수 있다. 방법 1 : 스크롤 이동 효과를 주며 이동하기 ID가 "scrollup"인 버튼을 누르면 스크롤이 이동하는 효과와 함께 화면의 최상단으로 이동하도록 해보자. HTML JavaScript var scrollBtn = document.getElementById('scrollup'); // 10 밀리세컨드(ms) 마다 -50px 씩 스크롤된다. const scrollWindow = function () { if (window.scrollY != 0) { setTimeout(function () { wind..
2. 2022.05.12 [JavaScript] 특정 요소를 새로운 새로운 창으로 띄우기

   특정 요소를 새로운 창으로 띄우기 개요 자바스크립트를 이용하여 특정 요소를 새 창으로 띄울 수 있도록 할 수 있다. 코드 See the Pen PopUpElem (with JavaScript) by Sangsoon Kim (@starrykss) on CodePen.
3. 2022.05.09 [JavaScript] 디데이 카운터(D-Day Counter) 만들기

   디데이 카운터(D-Day Counter) 만들기 들어가며 자바스크립트를 이용하여 디데이 카운터를 만들어보자. 코드 See the Pen Untitled by Sangsoon Kim (@starrykss) on CodePen. 사파리(Safari) NaN 이슈 해결하기 사파리(Safari) 또는 IE8 이하의 브라우저를 사용할 경우, Date() 함수의 출력 결과가 NaN으로 표시된다. 이 문제를 해결하기 위해 입력값을 넣을 때, 다음과 같이 일(DD)과 시간(HH) 사이에 T를 넣어준다. new Date('2014-02-18T15:00:48') 혹은 다음과 같이 replace() 함수를 사용한다. new Date('2014-02-18T15:00:48'.replace(/\s/, 'T')). 참고 : htt..
4. 2022.02.27 [정보처리기사 실기] 04. 서버 프로그램 구현

   04. 서버 프로그램 구현 (1) 개발 환경 구축 개발 환경 구축 응용 소프트웨어 개발을 위해 개발 프로젝트를 이해하고 소프트웨어 및 하드웨어 장비를 구축하는 것 개발 환경은 응용 소프트웨어가 운영될 환경과 유사한 구조로 구축한다. 분석 단계의 산출물을 바탕으로 개발에 필요한 하드웨어와 소프트웨어를 선정한다. 하드웨어와 소프트웨어의 성능, 편의성, 라이선스 등의 비지니스 환경에 적합한 제품들을 최종적으로 결정하여 구축한다. 하드웨어 환경 사용자의 인터페이스 역할을 하는 클라이언트(Client) 그리고 클라이언트와 통신하여 서비스를 제공하는 서버(Server)로 구성된다. 클라이언트의 종류 : 개인용 컴퓨터(PC), 스마트폰 등 서버의 종류 종류 특징 웹 서버 (Web Server) - 클라이언트로부터 직..
5. 2021.04.05 보일러플레이트(Boilerplate)

   보일러플레이트(Boilerplate) 보일러플레이트(Boilerplate)한 코드 반복되어 자주 쓰지만 매번 작성하기 번거롭고 읽기 어려운 많은 양의 코드 코틀린의 목표는 이러한 보일러플레이트한 코드를 제거해서 자주 사용되는 루틴을 간략화하는 것이다. 참고 : Wikipedia