이름:
메일:
가입일:
글루미스토어 - 프론트엔드 개발자 블로그
my Blog!
아이폰 safe-area 대응하기 (아이폰 X 이상, 이하 구분하기)
@supports (-webkit-touch-callout: none) { /*아이폰 전체*/ padding-bottom: 30px; .padding-bottom { /* iPhone X 이하일 때 */ @media only screen and (max-device-width: 812px) and (-webkit-min
2023-09-11T03:24:37.000Z
input file 파일 복수 업로드 구현
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <style> .input { display: inline-block; background: #
2023-08-23T10:27:34.000Z
axios 취소 기능으로 검색 debounce 구현하기
<input type="text" oninput="handleInputChange(event)">태그는 이거 하나만 들어가있으면 된다.let cancelToken; function fetchData(searchText) { if (cancelToken) { // 이전 요청 취소 cancelToken.cancel('잠깐
2023-06-24T14:31:01.000Z
javascript) 라이브러리 없이 깊은 복사 구현하기
string 1 undefined null true위와 같은 원시타입 데이터는복사를 하면 바로 깊은 복사가 일어난다.let a = 1 // 1 let b = a // 1둘은 전혀 별개의 address를 참조해서 완전히 다른 녀석이 된다. (깊은 복사)하지만 객체나 배열은 다르다let a = [1,2,3,4,5] // 주소1 let b =
2023-06-24T14:15:38.000Z
자바스크립트 배열 고차함수 직접 구현하기(map, reduce, filter, forEach, sort) 프론트엔드 코딩테스트
Array.prototype.customMap = function(callback, thisArg) { const newArr = []; for (let i = 0; i < this.length; i++) { newArr.push(callback.bind(thisArg)(this[i], i, this)); } return
2023-06-10T14:28:34.000Z
순수 Javascript로 fade in 구현하기
순수 Javascript로 fade in 구현하기!HTMLElement.prototype.fadeIn = function(interval){ if(!this.classList.contains('fadeChanging')){ //1000 this.classList.add('fadeChanging') const or
2023-05-05T15:54:49.000Z
PHP로 사이트맵 자동 업데이트하기 (sitemap.xml)
검색엔진 최적화를 위해 구글 서치콘솔에 sitemap.xml을 제출했다.이 포트폴리오 겸 블로그는 글이 계속 포스팅 되기 때문에 일일히 수동으로 sitemap.xml을 업데이트 해줘야한다는 귀찮음이 있었다.하지만 PHP라는 백엔드 언어를 사용하면서 이런걸 수동으로 하고 있는 내 자신이 너무 안타까워서 자동으로 제
2022-06-17T03:38:52.000Z
HTML 페이지가 두 번 로딩되면서 로딩 속도가 느려질때 (Network waterfall twice times download)
현재 포트폴리오용 웹사이트 개발을 하던 나는 내 웹사이트가 뭔가 이상하다는 것을 발견했다.크롬의 개발자도구(F12)에서 Network 탭을 보면 내 웹사이트에서 무슨 자원을 다운로드했으며, 얼마나 오래걸렸는지 볼 수 있는데다운로드가 2차례씩 일어나는 것이었다.심지어 SEO 벤치마크 점수도 최악으로 떨어져 도저히 어디 내놓지도 못할
2022-06-15T04:35:06.000Z
댓글: 6
2022-06-08 16:04
2022-06-10 13:20
2022-06-10 13:21
2023-04-11 17:25
2024-06-27 08:02
2024-07-02 03:18