프론트엔드

해당 글 5건

[ALG] 유클리드 호제법(Euclidean algorithm)

유클리드 호제법이란? 유클리드 호제법(-互除法, Euclidean algorithm) 또는 유클리드 알고리즘은 2개의 자연수 또는 정식(整式)의 최대공약수를 구하는 알고리즘의 하나이다. 유클리드 호제법을 정리하기 전, 최대공약수와 최소공배수의 개념을 먼저 정리 후 단계를 밟아가자. 최대공약수(GCD) 두 수 이상의 여러 수의 공통된 약수를 의미하며, 두 수 이상의 여러 수의 공약수 중 최대인 수를 가리킨다. //최대 공약수 let num1 = 30; let num2 = 18; let gcd = 1; let cdArr = [1, ]; let funcGCD = (nu1, nu2) => { for (let i=2; i { while(true) { //주어진 두 수의 공통된 배수를 구해야 하기 때문에, 배수를 ..
프론트엔드 개발[Front-End Development]/Algorithm 2022. 12. 12. 10:00

[JavaScript] strict mode(엄격 모드) 왜 사용해야 할까?

strict mode란? strict mode는 ES5(ECMA Script 5)에 추가된 키워드입니다. 출현 배경으로, 자바스크립트는 꽤나 긴 시간동안 호환성 이슈없이 새로운 기능이 추가되며 발전해왔습니다. 하지만 자바스크립트 창시자들이 했던 실수나 불완전한 결과물이 언어에 묻혀있었습니다. ES5(ECMA Script 5)가 등장하며 새롭게 개정되고 기능이 추가되었습니다. 그렇지만 하위 호환성 문제가 생길 수 있기 때문에, ES5는 기본 모드에서는 동작하지 않도록 설계되었습니다. strict mode를 활성화시에만 동작하며, 그동안 자바스크립트가 묵인했던 불완전한 코드들의 에러 메세지를 발생시켰습니다. // 'use strict'; function test() { x = 10; } test(); con..
프론트엔드 개발[Front-End Development]/JavaScript 2022. 11. 22. 10:59

[JavaScript] 타입 체크의 필요성

타입 체크가 왜 필요할까? 개발 중 항상 직면하는 문제는 바로 type error이다. 가장 흔하면서도 중, 대규모 개발에서는 많은 코드가 연동하기 때문에, 초기 단계부터 중, 후반까지 항상 체크하고 정리 해야한다. 자바스크립트는 동적 타입(dynamic typed) 언어이므로 변수에 어떤 값이 할당될 지 예측이 힘들기 때문에 변수 및 함수에는 주석 기입을 필수로 해야 공동 개발자들이나 나에게 오류를 방지할 수 있게 해준다. function sum(a, b) { return a + b; } 한가지 예로, 해당 sum 함수는 Number 타입의 a, b 인수를 넣어 2개의 인수를 더해 반환하는 것으로 추측된다. 하지만 정확히 어떠한 타입의 인수가 들어가는지 한눈에 확인을 할 수 없기 때문에, 타입을 기입한..
프론트엔드 개발[Front-End Development]/JavaScript 2022. 11. 20. 23:11

[JavaScript] 날짜와 시간을 어떻게 구해야 할까?

1. 객체 생성 실시간 날짜와 시간을 가져오기 위해서는 제일 먼저 Date 객체를 만드는 것이 선행되어야 합니다. 그리고 객체 내 담겨있는 정보들을 여러가지 Date 메서드를 통해 반환시켜야 합니다. 2. 다양한 메서드 수 많은 Date 메서드가 존재하나, 기본적으로 자주 사용되며 활용성이 높은 것들 위주로 정리 해보았다. 연도 / 월 / 일 / 요일 Date.prototype.getFullYear() : 주어진 날짜의 현지 시간 기준 연도를 반환합니다. Date.prototype.getMonth() : 주어진 날짜의 현지 시간 기준 월을 반환합니다. (0 ~ 11 : 0부터 시작하므로 1을 더하여 처리 해주어야 한다.) Date.prototype.getDate() : 주어진 날짜의 현지 시간 기준 일을..
프론트엔드 개발[Front-End Development]/JavaScript 2022. 11. 13. 22:16

[CSS] Media Query - 미디어 쿼리의 예시와 활용

Media Query 란? 디바이스의 유형이나, 어떤 특성과 수치(화면 해상도, 뷰포트 너비)에 따라 웹과 앱의 스타일을 유동적으로 변경하고 싶을 때 사용 사용방법 미디어쿼리 사용방법에는 크게 2가지가 있습니다. 하기 내용과 같이 사용을 원하는 페이지 및 조건에 의해 활용을 달리할 수 있습니다. 1. Link 태그를 통해 사용 Link 태그 내 media 내 조건을 삽입하여 성립 시, css 파일이 실행이 된다. 설정한 조건과 같이 최대 360px 까지의 가로 사이즈 내에서만 작동되는 것을 확인할 수 있다. 360px 이상 사이즈 360px 이하 사이즈 2. CSS 코드를 통해 직접 적용 방식 @media only screen and (max-width: 700px) { * { background-col..
프론트엔드 개발[Front-End Development]/CSS 2022. 11. 6. 12:18