발자국남기기

저번 node.js 강의를 끝마친 후, 다른 강의를 찾아보던 중 node.js와 mysql을 연동하는 강의에 관심이 생겨서 공부를 시작했다. 데이터베이스에 저장되어 있는 정보를 가져와 node.js를 통하여 동적으로 웹페이지를 만들 수 있다. 이렇게 node.js를 통해 동적으로 웹페이지를 만들고, 우리는 안전하게 데이터베이스에 새로운 정보를 입력하는 것만으로 새로운 정보가 추가된다. mysql을 설치하고 npm의 mysql모듈을 사용하여 객체화시켜, 함수를 통해 쿼리문을 실행하여 한번에 가져온다. 수업 내용 필기 -----------------------------------------------------------------------------------------------------------..

Happy New Year! 2021! 😁 1월 1일에도 어김없이 생활코딩님과 함께.. 수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- Module (모듈) 객체를 포함하는 더 큰 개념 특정 객체를 변수에 담고 module.exports를 통해 내보낸다. 그 후 다른 파일에서 require('파일 경로+파일명')을 새 변수에 담아. 다른 파일에 있는 객체를 import한 것처럼 사용할 수 있다. 보안 readFile의 경로명을 data/${queryData.id}와 같이 지정해놓으면 .. 등의 상위 디렉..

수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- fs.writeFile을 통해 동적으로 웹페이지에서 제어 리다이렉션: 사용자가 어떤 페이지에서 처리를 한 다음 다른 페이지로 보내는 것. writeHead(200) ==> 성공했다는 뜻 writeHead(302) ==> 페이지를 다른페이지로 리다이렉션 시키라는 뜻 delete도 링크로 하면 절대 안된다. 보안 ==> post방식 구글 캐싱사건 참고 자바스크립트에서 roles라는 객체가 있을 때 for var i in roles 라는 문장은 for문을 돌면서..

수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- pathname은 쿼리스트링을 제외한 path만을 보여줌 이를 통하여 root로 접속했는지를 판별할 수 있다. 즉 우리가 만든 웹페이지인 root로 접속하면 원래대로 화면 보여주고 그 외의 path로 접속하면 에러 메시지 fs.readdir은 특정 디렉토리에 있는 목록을 배열에 담아서 보여준다. 즉 이를 반복문을 통하여 수정,삽입을 한다면 main.js에서 일일이 수정이 필요없이 한 번에 모든 내용을 수정 가능. 템플릿과 readdir, readfile을 ..

개요 전공과목 중 웹 프로그래밍 수업을 통해 HTML, CSS, JAVASCRIPT에 대해 배웠었다. 종강 이후에 방대한 Front-End라는 분야에 대해 찾아보던 중 node.js , vue.js 등을 사용하여 웹을 제어하고 구현한다면 내가 생각하던 웹이라는 틀에서 벗어나 더 획기적인 발전을 할 수 있다는 사실을 알게 되고 공부를 시작했다. 수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- fs.readFileSync ==> node.js의 기능으로 읽어옴. node.js는 웹서버의 기능도 내장하고 있다..

수업 내용 필기 Single Page Web Application Fetch API fetch('javascript')==> 웹브라우저에게 javascript라는 이름의 파일을 서버로 응답하도록 명령 .then() ==> 응답 후 실행시켜줌 ==> 즉, 비동기적 웹서버가 응답을 하면서 파일을 정상적으로 찾으면 200이라고 return 해준다. Status = 200 Status = 404 ==> Not Found response객체는 웹서버의 응답에 대한 결과를 담고 있는 객체 hash 웹은 문서라는 토대 위에 애플리케이션이라는 동적이고 사용자친화적인 것을 얹은 것. 웹==> 검색 + 애플리케이션 XML, JSON PJAX ==> pushState + ajax 최근에는 웹을 오프라인에서도 동작할 수 있는..

수업의 목적 1 -------------------------------------------------------------------------------------------------------------------------- "AJAX를 알면 무엇을 얻게 될 것인지?" 부분적으로 웹페이지를 갱신할 수 있다 "그것이 왜 좋은가?" 요청과 관련된 딱 필요한 내용만 갱신할 수 있다 "차이가 무엇인가?" 배달의 민족, 카카오, 네이버 서비스처럼 트래픽이 엄청난 곳의 통신량을 상상해보자 과부하에 대해 항상 신경 써서 리소스를 관리하는 것도 주요 업무 중의 하나일 것이다. 만약 극단적으로 하나의 웹페이지를 구성하기 위해서 필요한 파일이 1000개고, 전체 용량이 100MB라고 한다면 페이지를 전환할 때(..