본문 바로가기

분류 전체보기126

해상도 관련 블로그 https://brunch.co.kr/@plusx/6 2024. 12. 18.
[ios/safari] 아이폰 css 작성 시 주의사항 ** 아이폰을 쓰지말자..! 각 브라우저별로 기본 스타일을 가지고있다.따라서 iOS/Safari 에서도 일관된 스타일을 유지하기 위해 CSS 초기화가 필요하다.이외에도, iOS에서만 가지고 있는 여러 문제들을 함께 다뤄보겠다. CSS 스타일1) CSS 초기화 사이트를 이용하여 기본 스타일 제거브라우저별 스타일을 초기화 하기 위해서 리셋 스타일을 제공하는 사이트를 많이 이용한다.보통  Normalize나 Reset이 가장 많이 사용된다. Normalize CSS는 유용한 스타일들을 유지시키고, 버그 및 브라우저 간 차이점을 일치시켜준다.github를 통해 지속적인 업데이트를 하고있기 때문에 Reset CSS보다 안정성이 높다.하지만 스타일에 대한 가이드가 명확하게 없으며, 만들고자하는 스타일의 변화가 크다.. 2024. 12. 18.
[html] 개발자도구에서 미디어쿼리가 안되는 이유 반응형 작업을 하기 위해 미디어쿼리를 사용했는데,브라우저를 바로 줄일 때는 반응형이 되는데 개발자 도구에서 해보려고하면 안되고,,,,개발자 도구에서 스타일을 확인하면 미디어 쿼리 코드가 아예 사라지는 이유를 찾았다.#크롬 기기툴반전환 안되는 이유..#엣지 장치 에뮬레이션토글 안되는 이유.. 이유는 바로 태그에 있었다.meta 태그란?메타 태그는 데이터를 설명하는 데이터로, 해당 문서에 대한 정보를 담고있다.검색엔진이나 문자인코딩 방식등을 지정하고 싶다면, 메타 태그에 내용을 명시해야한다.메타 태그에 있는 3가지(http-equiv, name, content) 속성을 통해 meta 정보의 이름과 내용을 지정한다. +) 참고 블로그1. 메타 태그 정리 2. 메타 태그 종류 모음  결론결과적으로 안됐던 이유.. 2024. 12. 17.
[programmers - js] 모음 제거 / 정규표현식 캡처링, includes, replaceAll 나의 풀이function solution(my_string) { const arr = ['a', 'e', 'i', 'o', 'u']; for(let a of arr){ my_string = my_string.replaceAll(a, ''); } return my_string;} 다른 사람의 풀이정규표현식 캡처링 / replacefunction solution(my_string) { return my_string.replace(/[aeiou]/g, '');}​includes는 배열 메소드이자 문자열 메소드function solution(my_string) { return Array.from(my_string).filter(t => !['a', 'e', 'i', .. 2024. 12. 16.
[programmers - js] 짝수, 홀수 개수 / for...of 반복문 나의 풀이function solution(num_list) { let a = []; let b = []; num_list.forEach((x) => x % 2 == 0 ? a.push(x) : b.push(x)) return [a.length, b.length]} 다른 사람의 풀이for ... of 반복문for( a of b) 반복문은 b 배열의 각 요소를 a에 할당하며 순회한다. function solution(num_list) { var answer = [0,0]; for(let a of num_list){ answer[a%2] += 1 } return answer;}​위의 예시에선 num_list 배열의 각 요소를 a에 할당하며 순회했다.ans.. 2024. 12. 16.
[programmers - js] 중앙값 구하기 / sort((a,b) => a - b) 나의 풀이sort() 메서드를 통해 오름차순으로 배열을 정렬한 뒤, 배열의 개수를 절반으로 나누고 정수로 만들어 인덱스를 출력했다.function solution(array) { let arr = [...array].sort((a,b)=> a - b); let i = Math.floor(array.length / 2); return arr[i];}​ sort() 메서드sort() 메서드는 요소를 문자열로 변환한 다음 유니코드 순서에 따라 정렬하는 메서드이다.이를 숫자 배열에 사용하면 예상치 못한 결과가 나올 수 있다.(예를들어, 숫자 10 이 숫자 2보다 앞서서 정렬됨)이때, sort 메서드에 콜백 함수를 전달하여 숫자 배열을 올바르게 정렬 할 수 있다. sort ( ( a, b ) =>.. 2024. 12. 16.

티스토리툴바