본문 바로가기

JavaScript30

express.js 설치 서버 인터넷에 연결되어 클라이언트의 접속 요청에 응답하는 컴퓨터 Express.js Node.js의 웹 프레임 워크 서버를 만들 수 있게해줌 오래되었고 안정적임 open connection listen connection handle some files send some HTML sava some DATA get DATA from Form 등의 일을 반복적으로 함. 패키지 적용 방법 웹사이트에서 다운, 적용 업데이트를 수동으로 해줘야한다. 프로젝트 upload시 패키지들도 같이 올려줘야함. NPM ( Node Package Manager ) 을 이용한다. npm을 이용하면 npmjs 에 등록된 node.js 관련 패키지들을 이용할 수 있다. npm으로 다운받기 npm -v cmd 창에서 npm을 확인한다.. 2020. 2. 19.
Node.js 개요 Node.js 의의 사용 이유 사용 않는 이유 node.js 사용자 node.js 설치 의의 JavaScript를 브라우저 밖에서도 사용 가능하게 만들었다. 파일 시스템, 서버, 앱, electron 앱 등 Electron 안내 사용이유 JavaScript로 프론트엔드, 백엔드 다 쓰기 위해 모든 것을 커스터마이징 함, 만들어진 모든 것을 내가 앎. 라라벨, 장고 등과 달리 모든 것을 만들어야 함. 데이터 저장, 생성, 삭제, 실시간 노출 등 실시간으로 처리할 것들에 유용 사용 않는 이유 JavaScrip를 싫어함. 만들어진 것을 쓰고 싶음 메모리, 램 등 하드웨어 접근이 필요함 JavaScript는 빡센 작업에 어울리지 않음 하드웨어 접근이 어려움 Node.js 이용자 우버, 페이팔, 넷플릭스 백엔드를.. 2020. 2. 18.
change event input 혹은 select 태그에서 사용. HTML --- Choose Your Country --- Korea Greece Turkey Finland JS const selectCountry = document.querySelector('.js-Country'); function saveValue(event){ const selectValue = event.target.value; if(selectValue === 'none'){ localStorage.clear(); }else{ localStorage.setItem('country', selectValue); } } selectCountry.addEventListener('change', saveValue); HTML JS const input =.. 2020. 2. 1.
select option에 attribute 추가하기 JQUERY 사용할 때 $("#countryselect").val('4') //OR $("#countryselect option").val('4').attr("selected", true) 바닐라 JavaScript의 경우 selectOption.setAttribute('selected', true); //or selectOption.selected = true; 참고 How to add "selected" in option attribute using Javascript or jQuery? Below is code for select option and generate using php from database and i try to add selected="selected" to value="4" u.. 2020. 2. 1.