발자국남기기

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라고 한다면 페이지를 전환할 때(..

생활코딩 검색을 통하여 알게 된 유튜버님이시다. 내가 그동안 본 유튜브 무료 강의 중에서 가장 퀄리티가 높다고 생각한다. 강의를 듣다보면 단지 하나를 배우기 위한 것이 아니라 모든 것이 연결되어 있다는 생각이 든다. 직전학기에 웹프로그래밍 과목을 배우면서 교수님의 설명이 턱없이 부족하다는 생각이 들어 찾아보던 중 생활코딩님을 알게 되었다. 제일 처음 들었던 강의는 web강의로 HTML, CSS, JAVASCRIPT 강의를 들었었다. 정말 수준 높은 강의가 주제별로 많기 때문에 프로그래밍에 관심 있는 사람이라면 꼭 방문해보길 권한다. opentutorials.org/course/1 본론으로 돌아와 강의를 들으면서 주요 내용을 필기한 것이다. 소스코드들은 아래의 내 github 주소를 첨부한다. ------..

정규표현식은 써도 써도 익숙해지지 않는다. 어려워.. 추가로 조금 더 찾아보며 공부하였다. --------------------------------------------------------------------------------------------------------------------------------- *문자 클래스 [] -[] 사이의 문자들과 매치 -[a-c] ==> [abc] -[0-5] ==> [012345] * \d - 숫자와 매치 == [0-9] \D - 숫자가 아닌 것과 매치 == [^0-9] \s - 공백과 매치 \S - 공백이 아닌 것과 매치 \w - 문자+숫자와 매치 \W - 문자+숫자가 아닌 문자와 매치 *Dot(.) -줄 바꿈을 제외한 모든 문자와 매치 -ex) a..

조코딩님 강의 중에서 파이썬 응용 강의를 보고 공부했다. 이미지 크롤링에 관한 내용인데, 쉽게 말해 자동화라고 할 수 있겠다. 구글에 특정 검색어를 입력해서 이미지를 하나하나 다운로드하여오는 것을 파이썬을 이용하여 자동화시켰다. ----------------------------------------------------------------------------------------------------------------------------------- 1. 파이썬 가상 환경 세팅 만들고자 하는 프로그램에 따라 호환되는 파이썬 버전이 다를 수 있음. 따라서 하나의 컴퓨터에서 파이썬 버전을 독립적으로 분리하여 사용할 수 있음. Selenium을 가상 환경에 설치하여 진행하였다. from seleni..

파이썬을 공부하기로 마음먹고 시작했던 것이 한 달 전쯤인데, 과거의 나에게 정말 감사한다. 새로운 언어를 공부한다는 즐거움과 그것이 올바르게 활용되고 있다는 뿌듯함이 좋다. 결론은 파이썬 최고 ㅋㅋ + 정규표현식은 아직도 헷갈리고 어렵다.. 익숙해지려면 시간이 오래 걸릴 것 같다. 정규표현식이 진짜 밉다가도 잘 표현하여 기막히게 내가 생각한대로 굴러가면 참 좋기도하고 그렇다.. ----------------------------------------------------------------------------------------------------------------------------------- #변하지 않는 자료형: Immutable ==> 정수, 실수, 문자열, 튜플 #변할 수 있는 자..