전체 글69 [HTML & CSS] Position => fixed ? sticky ? 오늘은 position 속성 중 비슷한 2가지에 대해서 자세히 포스팅을 해보려 한다. 지난번에 인스타그램을 클론코딩해보았는데, 최근에 인스타그램과 똑같은 기능을 구현해보고자하는 마음이 들었다. 그래서 스크롤바를 내려도 메뉴가 고정된 위치를 유지하고, 인스타그램의 사이드바인 "스토리 기능"과 "팔로우 추천 기능"이 스크롤바를 따라 함께 움직이는 기능을 구현해보고 싶어졌다. 그러면서 알게 된 지식들을 다시 상기시켜보고자 업로드해본다. fixed와 sticky를 사용한 완성물 위 영상을 보면 상단의 메뉴바가 고정되어 스크롤을 내려도 사라지지않는다. 또한, 오른쪽의 사이드바 메뉴는 스크롤을 따라 움직인다. sticky는 CSS의 Position의 속성으로 사용된다. Fixed가 브라우저 화면의 절대 위치를 사용.. 2022. 2. 26. [CodeKata] week 2 - Day 4 ( JavaScript ) function topK(nums, k) { // 예시 : [2,2,3,3,3,1] let obj = {}; let result = []; // 1. 오름차순 정렬 nums.sort(); // 넣으면 에러 뜸 console.log(nums); // 2. {등장 횟수 : 숫자} 객체 만들기 for (let i = 0; i e === nums[i]).length; let value = nums[i]; obj[key] = value; } console.log(obj); // 3. 등장 횟수 내림차순 정렬 const keys = Object.keys(obj); console.log(keys); let numsArray = [.. 2022. 2. 26. [CodeKata] Week 2 - Day 3 ( JavaScript ) function isValid(s) { let arr = s.slice(); for (let i = 0; i < s.length/2; i++){ for (let j = 0; j < s.length-1; j++){ let match = arr[j]+arr[j+1]; if ( (match === "()") || (match === "{}") || (match === "[]")){ arr= arr.replace(arr[j], "").replace(arr[j+1],""); } } } if (arr === "") { return true; } else { return false; } } 2022. 2. 26. [CodeKata] Week 2 - Day 2 (JavaScript) function moreThanHalf(nums) { // 여기에 코드를 작성해주세요. let answer = 0; let count = 0; for (let x of nums) { if (count === 0) { answer = x; count++; } else { (x === answer) ? count++ : count--; } } return answer; } 해설 res = 0 , count = 0 으로 초기화 시키기 for..of 문법을 사용한다. for..of는 enumerable(반복되는 열거가능한) 속성을 가지고있는 객체에 대해서 반복 할 수 있다. (array, map, set, string) count가 0일 때, res는 num of nums(처음에는 nums배열의 0번째 인덱스가.. 2022. 2. 26. 이전 1 2 3 4 5 6 7 8 ··· 18 다음