<aside> 🧑🎓
스터디 내용 요약
Github 블로그 개발 시작
Dreamhack으로 WebHacking 공부
컴퓨터 네트워크 공부 (도서「데이터 통신과 컴퓨터 네트워크」참고)
</aside>
블로그를 개발하기 위해 먼저 프론트 화면을 그려보았다. 웹 개발자들은 Figma를 사용한다는데 나는 Figma를 한 번도 사용해본 적이 없어서 아이패드로 그렸다.
시간이 된다면 Figma도 공부해보아야겠다고 생각했다 …
그리고 오른쪽 화면은 작성한 HTML이다. 다음 주차에는 왼쪽 화면과 똑같이 보이도록 CSS 코드를 작성할 예정이다. 화면에 보이는 ‘Test post’나 ‘1 day ago’는 우선 CSS 스타일 조정을 위해 임의로 삽입해두었다. 또한 JavaScript를 활용해 Korean 버튼을 누르면 한국어 페이지가, English 버튼을 누르면 영어 페이지가 나오도록 개발하려고 한다.
이를 위해서는 깃허브에 폴더를 나누어 동일한 내용의 글을 언어별로 각각 작성해야 한다는 번거로움이 있지만 블로그를 운영하면서 영어로 글을 작성한다면 영어 공부에도 도움이 될 것 같아 그렇게 결정했다. 꼭 개강 전에 나만의 블로그를 개발할 것이다!
이번 시간에는 Dreamhack의 SQL Injection 파트에 대해서 공부했다. SQL Injection은 다른 사이트의 워게임을 풀며 사용해보았으나 쿼리문을 다 까먹어서 개념 보충 위주로 정리하였다.
아래는 내가 정리한 개념 내용이다.
도서「데이터 통신과 컴퓨터 네트워크」를 읽으며 책에 나와 있는 개념과 읽으면서 들었던 궁금증들을 정리하였다.
단순 개념이고 대부분 암기해야 하는 내용이라 다음 스터디 시간 전까지 아이패드로 복습하며 외울 예정이다.