# javscript
[JS] 할인 행사
XYZ 마트는 일정한 금액을 지불하면 10일 동안 회원 자격을 부여합니다. XYZ 마트에서는 회원을 대상으로 매일 한 가지 제품을 할인하는 행사를 합니다. 할인하는 제품은 하루에 하나씩만 구매할 수 있습니다. 알뜰한 정현이는 자신이 원하는 제품과 수량이 할인하는 날짜와
[Svelte Tutorial]4. Logic
원래 HTML에서 조건문이나 반복문같은 Logic을 표현할 수 없지만, Svelte에서는 가능합니다.위의 예시처럼 {2. HTML에서 if문을 활용해서 조건부 랜더링을 할 수 있습니다.반복문으로 List의 Data를 보여주고 싶을 때, HTML에서 each\` bloc
Osnabrück Food Box Project
프로젝트 소개 프로젝트 기관: Hochschule Osnabrück 기간: 2022.09-2023.01 프로젝트 주제: Hochschule Osnabrück의 자체 브랜드 맥주 Campus Bier의 pick and collect 판매 시스템을 위해 제작된 무인 택배함
[JS] Navigator
\[참고]Navigator는 브라우저에 대한 정보를 가지고 있는 객체이다. Navigator.connection → NetWorkInformation 객체: 장치의 네트워크 연결 정보Navigator.cookieEnabled → boolean: 쿠키 설정이 가능하면 t
[알고리즘] 자바스크립트(node.js)로 코테 준비하기 #1 입력 받기
지금까지 C++ 혹은 파이썬으로 백준 알고리즘 문제를 풀다가 프론트엔드로 진로를 정했기 때문에 자바스크립트(node.js)로 코테를 준비하려고 한다. 타 언어로 백준 문제를 풀 때는 몰랐는데 자바스크립트로 백준 문제를 풀면서 겪은 문제들을 하나씩 포스팅할 예정이다.
JS: Classes and Instances in simple term
Object-oriented programming in Javascript and any other languages is crucial thing to understand for better coding.
[JavaScript] 소수 판별하기
소수는 1보다 큰 자연수 중 1과 자기 자신만을 약수로 가지는 수즉, 1보다 큰 자연수 중 1과 자기 자신을 제외한 어떤 수로도 나누어 떨어지지 않는 수를 뜻한다.앞서 말한 소수의 정의를 이용하여 소수를 판별하려 한다. 어떤 수 num을 2, 3, ... , num-1
javascript async와 await
async와 awaits는 promise를 더욱 간결하고 동기적으로 실행되는 것처럼 만들어 준다. promise를 계속하여 체이닝하면 코드가 복잡해 지는데 이를 해결해주는 것이 async와 await이다.function 앞에 async를 붙이면 해당 함수는 항상 프라미
SSR 구현해보기
Server Side Rendering이란 클라이언트가 매번 서버에게 데이터를 요청하여 서버에서 처리하는 방식서버에서 렌더링 준비를 마친 html 파일과 js 코드를 브라우저에게 넘겨 준 뒤에 브라우저에서 html을 렌더링하고 js 파일을 다운 받아 html 코드와 연
[프로그래머스] 콜라츠 추측
1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될 때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다.1-1. 입력된 수가 짝수라면 2로 나눕니다. 1-2. 입력된 수가 홀수라면 3을 곱하고
# Classes 함수
자바스크립트는 웹 개발에 널리 사용되는 강력하고 다재다능한 프로그래밍 언어이며, 이를 매우 강력하게 만드는 기능 중 하나는 클래스를 만들고 사용하는 기능이다. 이번 블로그 게시물에서는 자바스크립트 수업과 이를 효과적으로 활용하는 방법에 대해 자세히 알아보려고 한다.먼저
👊 코어 자바스크립트 - 1장. 데이터 타입(1)
웹 프론트엔드 개발자로 성장하기 위해 우테코에서 추천받은 책을 읽고 ❓ 추천받은 이유 ES2015+부터 학습하는 시대에 이전 스펙의 필요성을 느끼기 어려울 수 있다. 하지만 이전 스펙의 핵심 개념들은 여전히 유효하며 이를 무시할 수 없다. 이 책에서는 JavaScript의 핵심 개념들 중 현시대에도 유효한 것들 위주로 적절하게 간추려져 있다. 또한 원리와...
HTML에 자바 코드 삽입을 이용한 구현(feat:프로그래밍적 요소 가미)
headerJSP를 활용한 설문조사 폼 제작 프로젝트의 목적 중 하나는프로그래밍적 요소를 사용자에게 제공하는 것입니다. JSP의 특징과 장점을 이용해서 설문조사 프로젝트에 프로그래밍 적 요소를 담는 과정을 살펴보겠습니다.응답 화면에 따른 결과 화면을 설문제작자가 구상할
[js]숫자 야구 게임 만들기
확인 const $input = document.querySelector('#input') const $form = document.querySelector('#form') const $logs = document.querySelector('#log
[javascript] touch-events
휴대용 장치(터치 스크린이 있는)에 터치 기반 입력을 직접 처리 하거나 응용 프로그램 입력에 해석된 마우스 이벤트를 사용할 수 있다.터치이벤트 인터페이스는 두 손가락 제스처와 같은 응용 프로그램별 단일 및 다중 터치 상호 작용을 지원한다.손가락이 접촉면에 처음 닿으면
TIL: Javascript | 세미콜론이 필요한 경우..
자바스크립트의 세미콜론은 옵션에 가깝다위와 같은 코드에서 console.log() 에 세미콜론을 제거하면 문장 종료가 되지 않는다