0xFF

아마존 웹 서비스에서는 만 14세 이상의 학생들을 대상으로 무료로 자사의 클라우드를 이용할 수 있도록 하고 있습니다. 그렇지만 저와 같은 중, 고등학생 분들은 대부분 학생 인증에서 중요한 "학교 이메일"이 없어 이런 프로그램이 있어도 학생 인증이 어려우셨을 것입니다. 하지만 이제 경기도 소재 초, 중 고등학교에 재학중인 학생이라면 경기도교육청 상용클라우드 서비스에서 발급해주는 교육청 이메일을 넣어주면 학생 인증을 할 수 있습니다!! 1. 경기도교육청 상용 클라우드 계정 만들기 먼저 학생 인증에서 핵심이 되는 교육기관 발급 이메일을 만들어야 합니다. 경기도교육청 상용클라우드의 학생 계정생성 페이지로 들어가셔서 약관 동의 후 휴대폰 인증을 진행합니다. 계정 생성 페이지를 보면 아래 부분은 별 문제가 없는데 ..

※ 해당 글은 개인적인 학습 및 정리 목적에서 작성한 글이므로 참고 수준의 글로만 읽어주시기 바랍니다.설명에 오류가 있는 경우 댓글로 지적해 주시면 감사하겠습니다. AWS에 처음 가입해 아무것도 모르는 상태에서 무작정 EC2 인스턴스를 하나 생성해 돌려보고접속해서 이것 저것 해보다 보면, 인스턴스를 재시작하거나 껐다 켜고 나면 퍼블릭 DNS와 IP 주소가 변경된다는 사실을 알게 됩니다.처음에는 원래 그런가보다 했지만 EIP 서비스를 통해 고정아이피를 신청하면 간단하게 해결되는 문제였더군요. 아이피가 변경되면 테스트 용도든 실제 서비스든 관계 없이 상당히 불편하기 때문에 인스턴스를 만들고 나면 고정아이피 신청은 사실상 필수인 것 같습니다.다만 아마존의 IP를 할당받아 사용한다는 것은 기본적으로 비용이 청구..

※ 해당 글은 개인적인 학습 및 정리 목적에서 작성한 글이므로 참고 수준의 글로만 읽어주시기 바랍니다. 설명에 오류가 있는 경우 댓글로 지적해 주시면 감사하겠습니다. 아파치 웹서버에서 기본적으로 제공하는 모듈 중에서 Rewrite 모듈을 활용하면 특정 규칙을 가진 주소를 서버 내부적으로 다른 주소로 리다이렉션시킬 수 있습니다. URI 재작성을 사용하면 사용자가 쉽게 이해하고 외울 수 있는 주소를 만들 수 있을 뿐 아니라, 서버상 리소스의 실제 경로와 외부로 노출되는 주소를 같지 않게 하거나 숨김으로써 서버의 보안성을 향상시킬 수 있습니다. 또한, PHP 에서 MVC 패턴을 적용한 웹 서비스를 만들 때 하나의 프론트 컨트롤러에서 일차적으로 모든 요청을 모으기 위한 목적으로도 유용하게 사용됩니다. 먼저 아래..

오늘은 3일동안 공부해본 선택자를 게임을 통해 익혀봤습니다. http://flukeout.github.io CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 사이트에 들어가시면 테이블 위에 놓인 물건과 CSS 에디터, HTML 에디터, 그리고 오른쪽에는 도움말을 보실 수 있습니다. 우리가 해야 할 것은 테이블 위 물건 중에서 움직이는 것 만을 CSS 선택자로 선택해주는 것입니다. 지금까지 공부한 부모-자식, 부모-자손 선택자 등을 이용하려면 먼저 태그들의 상하관계를 파악해야 하는데 그러려면 이렇게 궁금한 대상에 마우스 커서를 올려보면 파악할 수 있습니다. 총 32단계나 되는데 이 글에서 다 설명하는건 ..

또 선택자입니다.. 오늘은 Pseudo(가상) 선택자에 대해 정리하겠습니다. 가상 선택자는 요소에서 일어날 수 있는 이벤트를 선택하는 선택자입니다. 아마 아직 일어나지 않은 이벤트를 선택하는 것이라 가상이라는 말이 붙었지 않나 합니다. 예를 들면 마우스를 올려뒀을 때, 클릭했을 때, 포커스 되었을 때 등이 이벤트가 되는 것이고, 지정한 이벤트가 발생했을 때 HTML 태그의 어떤 속성을 바꿔줄지를 CSS를 통해 지정해주는 것입니다. 제가 하도 설명하는걸 못해서 이해되셨을지 모르겠네요..... 이해 부탁드립니다 ㅠㅠ 1. pseudo 클래스의 종류 혹시나 해서 한번 더 정리하지만(사실은 제가 헷갈려서) 클래스는 특정한 하나의 요소가 아니라 모든 태그가 공통적으로 가지고 있을 수 있는 구분자?를 말합니다. 아..

1일차에선 셀렉터, 프로퍼티, 밸류의 세 가지로 이루어진 CSS 기본 문법까지 설명했는데요이번 글에선 선택자의 종류에 대해 좀 더 상세하게 설명해 보겠습니다. CSS에서는 선택자를 통해 변경하고자 하는 대상을 정확히 선택해 주어야 하기에, 선택자는 CSS에서 가장 중요한 부분이라고 할 수 있겠습니다.각 선택자의 이름은 한국어로도 있지만, 보통 개발시에는 구글에서 영어로 검색을 하는 경우가 대부분이므로 영어 이름으로 작성해 봤습니다.1. Tag 선택자태그 선택자는 한 HTML 문서에서 등장하는 특정 태그를 꾸며주고 싶을 때 사용합니다. HTML CSS JavaScript 위와 같은 HTML 문서 내의 모든 태그의 색상 속성을 red로 바꿔주고 싶다면 전 글에서 설명한 기본 문법인Selector { Prop..

오늘부터 생활코딩 CSS 강의를 보며 매일매일 정리하고, 조금씩 따라해보기로 했습니다. 며칠 하다 쭉 미루지 않았으면 좋겠네요 ㅋㅋ 생활코딩 CSS 강의는 유튜브에서 무료로 보실 수 있습니다. 바로가기 1. 왜 만들었나? 우리가 잘 아는 HTML은 웹 문서의 레이아웃을 정의하기 위한 마크업 언어입니다. 예를 들면 페이지의 여백이나 요소 간의 간격, 글자의 크기나 줄 간격 등을 지정해줄 수 있습니다. 다만 HTML은 레이아웃의 표현에 충실하다 보니 디자인과 관련한 태그는 부족했고, 웹의 발전에 따라 단순 정보 전달뿐 아니라 예쁘게 페이지를 디자인 할 필요성도 증가하게 되었습니다. 그런 욕구에 따라, 글자의 색을 지정하는 등 디자인과 관련한 태그가 HTML에 추가되기 시작했습니다. 예를 들어 왼쪽과 같은 태..

Let's Encrypt 를 통해 무료로 SSL 인증서를 발급받고, 아파치 웹서버에 발급받은 인증서를 연동하는 방법을 알아보겠습니다. 모든 설명은 제 서버 환경인 우분투에 아파치 서버를 기준으로 합니다. 1. certbot 설치 루트 권한으로 실행하세요 $ sudo apt-get update $ sudo apt-get install software-properties-common $ sudo add-apt-repository universe $ sudo add-apt-repository ppa:certbot/certbot $ sudo apt-get update 먼저 certbot이 업로드되어 있는 certbot ppa(저장소)를 등록해 줍니다. 이후 다음 명령어로 certbot을 설치합니다. $ sudo..

1. GET 요청을 받아오려면 php의 슈퍼글로벌 변수 $_GET['키 이름'] 을 사용하면 된다. 예시>> 1 2 3 4 cs $data 변수에 키 이름이a 인 키의 값을 받아와 저장 echo로 $data 변수에 들어있는 값 보여주기 2. POST 요청을 받아오려면 역시 슈퍼글로벌 변수인 $_POST['키 이름'] 을 이용하면 된다. 예시>> 1 2 3 4 cs 서버에 POST 요청시 콘텐츠 타입은 application/x-www-form-urlencoded 으로 해야 하는데 이때의 HTTP 메시지는 다음과 같은 형태이다. POST / HTTP/1.1 Host: abcd.com Content-Type: application/x-www-form-urlencoded Content-Length: 7 a=he..