원래는 수업을 한 뒤에, 질의응답을 통해 학습을 진행하고, 구글폼을 통해 이해한 내용을 테스트 해 보는 것이었으나, 아직 과목에서 정식으로 진도를 나간 것이 없기때문에 튜터가 간단하게 수업을 하고 퀴즈를 푸는 형식으로 진행하였다. 어휘분석의 의미 정규 표현식 오토마타 어휘분석기와 파서의 관계 1. 어휘분석기 어휘란 token이라고도 불리며, 문법적으로 의미를 가진 최소단위이다. 이러한 어휘들을 '어휘'인 단위로 인식하여 분리하는 것이 '어휘 분석기'이다. 2. 정규 표현식 정규식은 문자열을 식으로 쓰는 것!이라고 생각하면 편하다. 이는 나중에 나오는 '오토마타'로 표현될 수 있다. 정규 표현식은 아래와 같은 규칙을 가진다. 예를 들어 아래와 같은 정규표현식과 나타낼 수 있는 문자열들은 오른쪽 문자열들과 ..
앞으로 클라이언트 사이드로 React를, 서버 사이드로 Node.js를 이용하여 사이트를 만들어볼 계획이다. 현재 React는 대략적으로 공부를 해보았으니, Node.js와 연동하는 법을 공부해보았다. 오랜만에 밑줄 서식 이용해서 글 적어야지 ㅎㅎㅎ React + Node.js 이 둘을 연동하는 방법엔 다양한 방법이 있다고 한다. 먼저 이 포스팅에서는 'express'와 'http-proxy-middleware'라는 미들웨어를 이용하여 간편하게 Proxy를 설정하는 방법을 사용해보았다. Express 웹 서버에 필요한 기능들은 다양한 것이 있지만, 이를 모두 Node.js로 짠다면 귀찮을 수 있다. 이때 쓰는 것이 웹 프레임워크인데, 대표적으로 Express, Koa, Hapi가 있다. 그 중, Expr..
1. 계기 처음엔 나도 이게 뭔지 몰랐는데, 개발 대회를 준비 중에 찾은 사이트이다. 나의 현재 상황(?), 원하는 것은 - 대회에서 다른 사람들에게 링크를 공유하여 페이지를 배포하고 싶었음 - 무료여야 함 - 오래걸리지 않아야 함 - 현재 배포하려는 페이지는 무겁지 않음(용량이 크지 않음) - 데이터베이스를 일단 쓰지 않는 웹 페이지 이다. 그래서 처음엔 git deploy를 사용하려했다... 근데 git deploy는 지난 학기에 전공과목에서 딱 한번만 써봤고, React 프로젝트를 배포하는 것밖에 안해봐서 단기간에 시도하기엔 리스크가 컸다!! 두둥 그래서 선택한 것이 바로바로 pythonanywhere이다. 2. PythonAnywhere pythonAnywhere은 python에 특화된 웹 호스팅..
목표 - bottom up 페이지 만들기 - 튜터즈 준비 결과 - bottom up 페이지 만들기 이미지 업로드 설정 -> 링크 : https://hololo-kumo.tistory.com/143 - 튜터즈 준비 아직은 비밀!!!
1. 이미지 파일 화면에 띄우기 이미지 파일은 static file으로 넣는 방법과 변경 가능하게 넣는 방법 두 개가 있다. 1) 정적 이미지 삽입 static 폴더 안의 image 폴더에 넣어주었다. 현재 static 폴더 안에 넣는 image들은 css파일을 넣는 방법과 동일하다. 파일을 image폴더에 넣은 후, 렌더링할 HTML파일에 해당 위치를 적어두면 된다. 코드는 아래와 같이 하였다. url_for함수를 이용하여, 파일의 위치를 잡도록 하였다. 이미지가 잘 삽입되었다. 2) 동적 이미지 삽입 위의 static폴더를 이용하면, 한번 삽입한 이미지는 바꿀 수가 없다. 이미지를 바꾸려면, render_template함수의 파라미터로 이미지 파일의 이름을 넘겨주면 된다. 그리고 이미지를 띄울 htm..
