2025/04 14

[1주차 강의] 3. 동적페이지

웹서버는 파일을 전달하는 친구이다.클라이언트마다 다른 데이터를 보여줘야한다.동적 페이지를 누가 만드느냐? WAS(Web Application Server)세가지 구성요소 : Web 서버, WAS, DB클라이언트가 특정 파일을 요청할 때, 특정 파일이 동적페이지이면 web서버는 WAS에게 요청함WAS는 필요하면 DB를 조회하고 페이지를 만들어서 Web서버에 전달하고 Web서버는 클라이언트에게 전달함./dockerCMD & : 백그라운드로 실행소스코드를 본다고 해서 실제 코드가 보이지 않는다. WAS가 처리한 결과만 볼 수 있다.php 문법 - $_GET['name'] : GET Method로 전달받은 파라미터Method : Get, PostFront-end : 클라이언트 측 코드(브라우저가 실행하는 코드)..

[1주차 강의] 2. 웹 서버의 역할(NAT, PAT)

웹서버에게 파일을 어떻게 달라고 할까?웹 브라우저(chrome, safari등)를 통해서 웹 서버에게 파일을 달라고 한다.url : 자료를 요청하는 링크[Protocol]://[Domain or IP Address]:[Port]/[File Path]일반적인 Web Root 경로 : /var/www/html/ 내 서버가 어디를 Web Root 경로로 하고 있는지에 따라서 파일을 전송하는 폴더 경로가 달라진다루트 경로 상단에 있는 것은 일반적으로 ../로 접근하지만 실제 서버에서는 요청이 불가능하다만약 Web Root 경로가 / 루트 경로라면 웹 서버 전체 파일에 모두가 접근 가능하기 때문에 보안상 위험함Well-known Port : http(80),https(443)로 약속해놓은 포트http 프로토콜이 ..

[1주차 강의] 1. 환경설정

처음부터 하나하나 설명해줄 것. 알고 있더라도 다시 한번 정리하면서 들으면 좋다.처음에 안다고 생각하면서 듣다가 어느순간 어려워질 수 있으니 잘 들어보면 좋다.말씀해주신대로 아는 내용이 있더라도 그냥 블로그에 정리해보자! 우리는 웹개발을 할 것이다. 내가 APM을 ubuntu에서 할 수 있다면 그냥 해도 좋다. 어려운 분들을 위해서 가상머신을 제공한다.OT 때 웹 개발 방식은 자유라고 했으니까, React +TypeScript를 Vite로 빌드한 다음 Docker에 올려서 배포하자. 수업듣기 전에 리눅스를 들어오라고 했는데 그 이유는 리눅스 환경에서 웹 개발을 할 것이다. 리눅스 쓰는 방법에 대해서는 이야기 하지 않는다.리눅스를 안해보신 분들은 기본적으로 공부해보면 좋을 것 같습당 bandit 기본적인 ..

[1주차 과제] 로그인

1주차 과제복습(웹 서버 이해)간이 로그인 페이지 만들기(DB연결X)admin, admin1234라고 입력했을 때 로그인을 시켜주는 페이지 만들어보기로그인 페이지 이쁘게 만들기.(CSS / BootStrap)네이버, 인스타그램 로그인 페이지가 이쁘다고 하심 ㅎㅎ나의 접근 방법복습은 강의 내용 필기를 블로그에 올리는 것으로 대체하자!DB 연결은 없으니 그냥 id, password 확인 하는 로직만 만들자.JWT 토큰 검증을 해도 되는걸까? : 지난번 OT 때 보안 설정을 하면 해킹 기법을 학습할 때 제약이 있진 않을까 걱정된다고 여쭤봤는데 실제 환경에 맞춰서 개발하고 그걸 뚫어내는 걸 고민해보자고 하셨으니 그냥 내가 아는 선에서는 보안을 적용시켜두자.마찬가지로 php를 굳이 꼭 쓰지 않아도 된다고 했으니 ..