조금씩 천천히

노마드 코더 js크롬 앱 만들기 하면서 알게 된 것 정리 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date Date Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 생성합니다. developer.mozilla.org 날짜와 시간을 다룰 때 사용한다 date 변수를 만들고 그 안에 new Date(); 를 사용해 담아준다. 그리고 date를 찍어보면 날짜와 시간이 표시된다 위 이미지를 보면 date를 찍었을 때 나오는 시간의 초와 맥에 표시되는 시간이 다르다는 걸 알 수 있다. (초가 다름) date 변수에 담은 시간은 그 시점의 시간인 18:36:17 로 고정(?)된다. 시간을 시계처럼 자동으..

한달전쯤 설문조사 페이지 퍼블리싱을 진행했는데,기획에선 모바일 세로모드만 적용해도 좋다고 해서 가로모드는 전혀 고려하지 않고 만들었다하지만 팀장님이 가로모드에서 화면이 깨지지 않느냐 말씀하셔서 부랴부랴 가로모드 처리 방법을 찾았다 모바일 가로 화면 css를 억지로 맞추기보다 모바일 화면을 세로로 고정시키는 방법으로 하려고 했지만 스크립트를 찾아봤지만 찾지 못했다그래서 차선으로 화면을 가로로 돌렸을 땐 다른 화면을 보여주는 방법으로 수정하기로 결정. 구글링에서 찾은 코드는 함수형태가 아닌 제이쿼리 ready 안에 들어있는 스크립트였는데, 화면 방향을 전환할 땐 적용이 되었지만 가로모드에서 새로고침을 했을 땐 스크립트 적용이 안되어 함수로 만들고 ready 함수 안에도 넣어주었다 또 모바일에서만 사용해야하니..

일하다보면 종종 사용하는 스크롤고정!! 매번 사용하지만 할 때마다 까먹는 것 같아서 정리한다 처음엔 스크롤 안에 함수가 아닌 if문을 직접 넣어서 사용했는데 새로고침을 할 경우 적용되지 않아서 함수로 만들어 스크롤상황과 최초접속(새로고침) 두가지 모두 적용되도록 만들었다 그리고 앵커태크 클릭 시 부드럽게 해당 영역으로 애니메이션 되는 것까지 함께 정리!.hash가 아니라 클릭한 a태그의 href값을 읽어서 하는 방법도 있다 12345678 $(document).on('click','#gnb a',function(event){ var targetHash = $(this).attr('href'); var headerHeight = $('header').outerHeight(); event.preventDef..

회사에서 새해인사 팝업을 쓸 때 사용했던 코드.구글링으로 검색했고 일부 수정해서 사용 사용할때에는 setCookie함수 파라미터의 쿠키명과 만료일을 수정하면 된다 처음 구글에서 찾은 코드는 n일 팝업만 띄우는 코드였고특정일자부터는 안보이게 해야해서 날짜를 비교하는 코드를 추가했다 서로 다른 레이어 팝업이라면 쿠키명을 다르게 해주어야하는데 이를 몰라서같은 이름으로 사용했다가 오류가 났었다ㅠㅠ 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869/*쿠키 만들기*/function setCookie(name, value, expired..