네이처리 노트

공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 노드 실행하기 파일명으로 실행하기 node [dir/file.js] package.json 활용하기 ✨package.json 에서 사전에 scripts code를 입력해 놓고 실행 및 종료 시킬 수 있다. npm run [scripts code] 예시 { "name": "something", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "nature": "node dir/index.js", // 사전에 입력해 둔 코드 } } npm run nature // 실행 노드 종료하기 스크립트로 종료하기 node.js 파일내에서 종료코드 실행하는 방법 // 성공코드로 ..

공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 📂 Node.js JavaScript 기반으로 구성된 서버 사이드 서비스를 JavaScript로 구현할 수 있게 만든 런타임 Node.js 와 NPM 이해하기 빠르게 배우는 Node.js와 NPM 설치부터 개념잡기 node.js와 npm 기초 완벽 가이드!! node.js와 npm을 설치해보고 개념도 잡아보자. 그리고 더 나아가 IntelliJ에서 npm을 어떻게 사용하는지 알아보자. node.js와 npm은 웹 개발에 종사하고 있는 개발자라면 웬 kdydesign.github.io npm 소개와 설치 (About Node Package Manager) npm(Node Package Manager) ? node.js에서 빠질 수 없는게 npm..

공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 자주 사용하는 명령어 #현재위치 출력 ls (list) #하위 경로 이동 cd 폴더명 #상위 경로 이동 : cd .. #터미널지우개 clear #관리자접근 su #프로세스 실행 현재위치로부터/경로/파일명.js #프로세스 종료 ctrl + c #모듈 버전 모듈명 --version / 모듈명 --v #모듈 내 버전 npm show 모듈명 version #모듈 설치 [명령어] install 모듈명 / [명령어] i 모듈명 #모듈 제거 [명령어] uninstall #파일 제거 rm 디렉토리명/파일명 #서버접속 ssh user_id@IP_number -p22 추가내용 - 이상한 포트 입력했다가 빠져나올 수 없는 경우 Ctrl + c 로 나오기 - ro..

궁금하지 않겠지만 강제근황토크 게이트스톤 한 개를 얻고 난 후 다이아몬드랑 스크롤 파밍하면서 나름 무료하게 지내고 있습니다. 이유는.. 레벨이 잠겼기 때문이죠 요즘 유저분들이 유튜브영상 보시고 미션뿐만 아니라 버그까지 질문하시는 분들이 계셔서 답글도 친절하게 달아드리고있어요.. 별로 도움이 안되는 듯하지만 후후 ╰(*°▽°*)╯나도 모르는걸 그리고 앱 삭제하고 다시 설치했다가 초기화됐다는 댓글이 있었어요 미리알려주셔서 감사합니다.. 아이패드로 설치 후 테스트를 해본 결과 계정연동해두면 구매복원이 됩니다 버그가 심해서 재설치하시는 분들이 있다고해요 하지만 이 글을 본다면 재설치는 하지마시길 🙏 그래도 지켜본바로는 버그는 조금씩 고쳐진다고 느끼고있어요 (확실하지않음) 추가내용 최근에 아이폰을 리퍼받았습니다...

공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 coke juice water //jQuery // 최하단에 옵션 추가 $('#drink').append(` ${title} `); // 반복문으로 작업할 때 ${}사용한 예시 // 최상단에 옵선추가 $('#drink').prepend(` ${title} `); // 모든 옵션 제거 $('#drink').children('option').remove(); // 첫번째 옵션을 제외한 나머지 옵션제거 $('#drink').children('option:not(:first)').remove(); // 특정 값을 가진 옵션 제거 $("#drink option[value='2']").remove();

공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 let file= $("input[type=file]"); let img = $("img"); file.off("change").on("change", function() { if(file.get(0).files && file.get(0).files[0]) { let fReader = new FileReader(); fReader.readAsDataURL(file.get(0).files[0]); fReader.onload = function(event){ img.attr("src", event.target.result); file.val(""); // 파일 초기화 }; } }); // 파일정보확인 file[0].files[0] file.get..

기초리스트 ▶기초 ( 선언하기 $.ready() ) ▶ 속성보기 ( attr val checked disabled ) ▶ 추가 및 삭제 ( append remove before after text html ) ▶ 부모형제요소 찾기 ( parent closest children find prev next filter ) ▶ 스타일 변경하기 ( css show hide toggle addClass toggleClass ) 공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 🐟 스타일 전체 css 속성에 관여하기 가능 // 값 가져오기 $("#item").css('background-color'); // 값 부여하기 $("#item").css('font-weight','bold'); // 값 객체로..

기초리스트 ▶기초 ( 선언하기 $.ready() ) ▶ 속성보기 ( attr val checked disabled ) ▶ 추가 및 삭제 ( append remove before after text html ) ▶ 부모형제요소 찾기 ( parent closest children find prev next filter ) ▶ 스타일 변경하기 ( css show hide toggle addClass toggleClass ) 공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 부모요소 찾기 // (셀렉터에 부합하는) 바로 위의 부모 $('span').parent(selector); // a, input, input // (셀렉터에 부합하는) 위의 부모들 $('span').parents(selector..

기초리스트 ▶기초 ( 선언하기 $.ready() ) ▶ 속성보기 ( attr val checked disabled ) ▶ 추가 및 삭제 ( append remove before after text html ) ▶ 부모형제요소 찾기 ( parent closest children find prev next filter ) ▶ 스타일 변경하기 ( css show hide toggle addClass toggleClass ) 공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 append, prepend // 선택자의 마자막에 추가 $('ul').append(' 리스트 마지막 '); // 선택자의 첫번째에 추가 $('ul').prepend(' 리스트 맨처음 '); // 선택자를 타겟 마지막..

기초리스트 ▶기초 ( 선언하기 $.ready() ) ▶ 속성보기 ( attr val checked disabled ) ▶ 추가 및 삭제 ( append remove before after text html ) ▶ 부모형제요소 찾기 ( parent closest children find prev next filter ) ▶ 스타일 변경하기 ( css show hide toggle addClass toggleClass ) 공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 왠만한 속성에 전부 관여하기 가능 // 이미지 src 가져오기 $('img').attr('src'); // 이미지 입력 $('img').attr('src', 'images/logo.png'); // 스타일 부여 $('input'..