그래도 해야지. 어떡해

피그마 시안) 1. 왼쪽 즉, 슬라이드 시작점에 여백이 있어야한다. 2. 슬라이드를 넘기면 좌우 여백없이 공간을 모두 차지해야한다. 진짜 무슨 생각으로 슬라이드를 이런 시안으로 만들었을까. 이왕 만들었으니 해결은 해야지.. 어떡해 💢 문제점 처음에는 의도대로 진행되는줄 알았다. 슬라이드를 감싸는 태그에 margin-left 값을 줬다. 하지만 마지막 슬라이드는 오른쪽이 조금 잘려 전체 이미지를 볼 수 없는 문제가 생겼다 문제 영상) 마지막 슬라이드는 마우스로 땡겨야 간신히 볼 수 있다. [ swiper 옵션 확인하기 ] swiper가 이런 것도 해결 못 할리가 없다는 좌절감에 공식문서를 찾아보았다. 생각보다 간단하게 해결할 수 있었다. 옵션 기능 slidesOffsetAfter : number 슬라이드 ..

코딩 컨벤션(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의 순서를 바꾸지..