개발하는 일상

이 글은 구글의 https://developers.google.com/web/updates/2018/07/site-isolation 업데이트 노트를 토대로 작성된 글입니다. CORB란? 웹에서 cross origin의 xml, html, json 등의 data resource를 읽어오지 못하도록 브라우저에서 막는 동작을 말합니다. CORB는 어떤 상황에서 발생할까? 먼저 아래 링크의 CORB 데모페이지에서 예시를 확인해주세요! anforowicz.github.io/xsdb-demo/index.html CORB demo Demo of CORB This page demonstrates how Cross-Origin Read Blocking (CORB) works. Please see one of the fo..

개발 결과물(Korean Comments)은 크롬 웹 스토어에 배포해 두었습니다. https://chrome.google.com/webstore/detail/korean-comments/eknankncobchjfgoddbonnpdlhdcjnod?hl=ko 이 글은 개발 과정에서 느낀 점을 위주로 작성되었고, 구체적으로 쓰인 기술에 대한 글은 따로 정리하겠습니다. 개발 배경 저는 Youtube 영상을 볼 때 꼭 댓글을 챙겨보는데, 어떤 영상은 우리나라의 영상인데도 영어 댓글이 더 많아서 불편함을 느낀 적이 많았습니다.(유튜브에서는 글을 쓰는 현재도 해당 기능을 제공하지 않습니다.) 크롬에서 익스텐션을 만들면 한글 댓글만 출력하는 것이 가능하겠다고 생각하였습니다. 어떻게 만들 것인가? 제가 고려했던 방식은 ..

개발 배경은 제 글 Django로 채점 서버 만들기에 나와있습니다. Multiprocessing python 코드는 보통 동기적으로 작동하며, 코드 한 줄의 실행이 완료되어야 다음 코드를 실행합니다. 그럼 코드의 종료를 기다릴 수 없는 코드를 여러 번 실행해야 할 때는 어떻게 해야할까요? 예를 들어, 아래의 코드를 통해 Django 서버 여러 개를 켜려고 한다고 가정하겠습니다. import os for i in range(8000,8010): os.system(f'python manage.py runserver {i}') os.system은 터미널에서 해당 명령어를 실행해주는 메소드입니다. python manage.py runserver 는 터미널에서 Django 서버를 켜는 명령어입니다...

iframe이란? MDN문서에서 확인할 수 있는 것 처럼, 쉽게 생각하면 웹 페이지 안에 다른 웹 페이지를 url을 통해 보여줄 수 있는 태그입니다. 아래 사진은 저번 Django로 채점 서버 만들기글에서 제가 만들었던 iframe의 사용 예시입니다. 오른쪽 프레임 안의 웹 페이지가 iframe을 통해 표시된 영역입니다. XFrameOptions iframe 적용해서 XFrameOptions 확인하기 원하는 페이지를 내가 원하는 대로 내 웹 페이지에 삽입할 수 있다니, 굉장히 편리해 보입니다. 그럼 네이버 홈페이지도 iframe을 통해 삽입할 수 있는 걸까요? 한 번 아래의 코드처럼 작성해보겠습니다. 실행한 결과입니다. 콘솔창을 확인해보면 다음과 같은 에러가 발생하였습니다. "X-Frame-Options..

어떻게 만들게 되었나 저는 코딩과 관련된 교육을 하며, gitlab을 통해 학생들의 과제를 관리하고 있습니다. 학생 수가 많을 수록 과제를 하나하나 clone하거나 pull하는 것이 굉장히 번거로운 일이 됩니다. 그래서 간단한 파이썬 코드를 통해 이 작업을 자동화하였습니다. 파이썬 코드 실제로는 gitlab을 통해 관리하지만, 예시를 위해 github에 맞게 코드를 수정하였습니다. import sys import os from utils import get_students # 따로 만들어 둔 학생들 이름과 github username 리스트입니다. DIR_NAME = sys.argv[1] # 과제 repo 이름이 됩니다. 학생들에게 미리 통일해서 제출하도록 말해두었습니다. # 터미널에서 인자로 넘겨주는 ..

개발 배경 저는 코딩 교육을 하고 있습니다. 1~2주 마다 학생들이 제출한 프로젝트 과제를 채점해야 하는데, 여기서 두 가지 원하는 점이 생겼습니다. 20~30명 되는 학생들의 django project를 하나하나 python manage.py runserver를 해서 채점하는 노동 과정을 줄이고 싶다. 하나의 서버에서 모든 학생들의 프로젝트를 모아놓고 볼 수 있게 해서, 학생들이 다른 학생들의 프로젝트를 보고 자극 받게 하고 싶다. 혹은 잘 한 사람에게 더욱 동기 부여를 하고 싶다. 고려했던 방향 테스트 코드 작성 첫 번째 목표를 생각했을 때, 테스트 코드 작성이 떠올랐습니다. 실제로 2번 정도는 매 프로젝트 테스트 코드를 작성해서 채점을 진행해 보았습니다. 그리고 다음과 같은 문제점으로 다른 방법을 ..