영보의 SystemOut.log

node.js 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - 현재버전 말고 가장 많이 사용하는 버전으로 설치하였다 . Terminal 실행 * [control] + [space] 검색 후 "터미널" 검색하여 아래의 코드를 쳐셔 node 설치 버전이 나오면, 정상적으로 설치된 것이다. node -v * 터미널에서 아래의 코드를 작성하여 실행해준다. npm install -g create-react-app 위의 코드를 실행했는데, 아래의 에러 발생시 밑에 sudo 코드로 실행해주면 정상적으로 실행되는 것을 볼 수 ..

js 버튼으로 팝업창 열고 닫기 제어 # html ${popupinfo.TITLE} ${popupinfo.XSS_HCONTENT} 닫기 # javascript // 버튼 누르면 팝업창 켜짐 function popon(popid){ $('#' + popid).addClass('on'); } // 팝업창 닫기 function closeWin(popId) { $('#'+popId).removeClass('on'); } 페이지 오른쪽에 팝업창이 파라미터로 불러온 타이틀로 버튼이 있고 버튼을 누르면 팝업창이 뜨는 로직입니다. [닫기]를 눌렀을 때 팝업창 전체가 닫히는게 아니라 하나씩 닫히도록 를 넣어주었습니다. 화면 (스타일은 다른 곳에서 가져온 css파일 입니다)

Javascript Cookie 사용하여 팝업창 오늘하루 보지않기 # HTML ${popupinfo.XSS_HCONTENT} 오늘하루 보지 않기 닫기 먼저 popupInfo에서 값이 있을 때만 밑의 코드를 실행한다. popup창 한 개, 한 개 [오늘하루보지않기]/[닫기] 가 있으므로, status를 사용해서 하나씩 증가하는 로직으로 만들어 주었다. # Javascript ready function에서 가장 직관적으로 짜려고 if문을 구현했는데 더 간단하게 줄여서 쓰셔도 될 듯 햐다. 저는 html코드에 팝업 id 값이 박혀있는게 아니라 'popup_${status.count}', 'todayCookie_${status.count}' 을 사용했기 때문에 spilt으로 '-' 기준으로 뒤에 번호만 잘라주어..

SelectBox 단과 대학(학과) 검색 입력하게하기 # JS 코드 $('document').ready(function() { var area0 = ["단과대학 선택","경영대학","문과대학","생명과학대학","정경대학","의과대학","간호대학"]; var area1 = ["경역학과"]; var area2 = ["국어국문학과","철학과","한국사학과","사학과","사회학과","한문학과","영어영문학과","중어중문학과","불어불문학과","독어독문학과"]; var area3 = ["생명과학부","생명공학부","식품공학과","환경생태공학부","식품지원경제학과"]; var area4 = ["정치외교학과","경제학과","통계학과","행정학과"]; var area5 = ["의예학과"]; var area6 = ["간..