그래도 해야지. 어떡해

💼 작업기간 (약 3주) • 디자인 1주 • 코딩 2주 📌 주요 기능 1. 비주얼 1-1. aos, vivus 라이브러리 사용 1-2. svg 스크롤 이벤트 2. 프로젝트 2-1. 아이템 필터 2-2. 필터 버튼 클릭 시, 투명도 조절 2-3. ( 앨범형 / 리스트형 ) 보기 방식 변경 2-4. 모바일형 필터 버튼 3. 스와이퍼 적용 4. 반응형 레이아웃 5. 페이지 색상 변경 이벤트 1. 비주얼 1-1. 타이틀 : AOS, vivus 라이브러리를 이용해 모션 추가 • vivus.js https://maxwellito.github.io/vivus-instant/ 1-2. svg 스크롤 이벤트 • 스크롤의 속도에 따라 배경에 있는 svg의 위치(transformY)를 바꾸기 - js const $deco1..

코딩 컨벤션(Coding Convention)은 읽고, 관리하기 쉬운 코드를 작성하기 위한 코딩 스타일 규약을 말한다. 코딩 컨벤션이 왜 필요한가? 코드 작성 규칙들 : 코딩 컨벤션을 준수하면 가독성이 좋아지고, 성능에 영향을 주거나 오류를 일으키는 잠재적 위험 요소를 줄여준다. 특히 규모가 큰 프로젝트일수록 유지보수 비용을 줄이는 데 도움이 된다. 1. 정해진 규칙이 있어 명칭이나 구조를 빠르고 정확하게 파악할 수 있다 2. 통일된 규약이 있어 모든 사람들이 코드를 이해하기 쉽다. 3. 유지보수 비용을 줄일 수 있다. 대표적인 코딩 컨벤션은 아래와 같다. 네이밍 컨벤션 소스코드와 문서에 있는 변수 이름, 타입 함수 등의 식별자에 사용되는 문자열을 결정하기 위한 규칙이다. 프로젝트, 프로그래밍 언어, 개..

ECMAScript Ecma 인터네셔널*이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어다. 자바스크립트를 표준화하기 위해 만들어졌다. 개발자들은 ECMAScript의 표준사양을 따르는 코드를 작성하여 어떤 브라우저를 사용하든지 일관된 결과를 얻을 수 있다. *Ecma 인터네셔널(Ecma International) : 정보와 통신 시스템을 위한 국제적 표준화 기구 JavaScript ECMAScript를 구현한 프로그래밍 언어. 객체 기반의 언어로, 객체와 프로퍼티, 메서드를 활용하여 복잡한 데이터 구조와 기능을 구성할 수 있다. 객체지향 프로그래밍의 개념을 지원하며 프로토타입 기반 상속을 통해 객체 간의 관계를 구성할 수 있다. 일반적으로 클라이언트 측에서 실행되며 ..

문제설명 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array 가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. sort( ) 메서드는 배열의 요소를 정렬한 후 그 배열을 반환 기본 정렬 순서는 유니코드 순으로 배열이 정렬된다. const arr = [1, 2, 7, 3, 10, 11] arr.sort() // [1, 10, 11, 2, 3, 7] -- 엥? 크기 순으로 정렬하려면? 🛠 compareFunction : 정렬 순서를 정의하는 함수 반환 값 < 0 : a가 b보다 앞에 있어야 한다. 반환 값 < 0 : a와 b의 순서를 바꾸지..