전체 글7 ec2, rds로 서버구축 이전에는 구축되어 있는걸 변경하다가 새로 구축을 하려니 많이 헤맸다. 다음에는 덜 헤메기 위해 기록을 남긴다. ec2는 t2.medium, rds는 t2.micro를 사용했고 ondemand로 하였다. 설정해주지않으면 기본적으로 ondemand로 과금된다고 한다. 초행길이라 다른 요금방식을 통한 비용절감은 미뤄두었다. 보안그룹은 인바운드와 아웃바운드를 모든트래픽에 대해 열어두고 진행하였다. 진행하면서 값을 설정하기엔 머리가 아프기에 후에 변경하는 방식으로 진행 ec2의 os는 ubuntu로 진행하였다. 처음에는 초기선택되어있던 aws/linux로 진행하였으나 mariadb설치에 차질이 생겨 ubuntu로 변경하였다. aws/linux는 centos/redhat 계열로 yum명령어를 이용하고 ubuntu는.. 2023. 4. 25. 시맨틱(Semantic Elements)에 대해 알아보자 처음 이 단어를 들었을 때 흔히 아는 공사장에서의 시멘트(cement)를 생각했었지만, 아쉽게도 의미론(semant)이라는 뭔가 철학적인 단어인 반면 어렵지 않은데 브라우저와 개발자에게 요소자체로 의미가 있으면 semantic, 그렇지 않으면 non-semantic으로 정의된다. 요소들은 html상에서 태그로 구분되어지기 때문에 시맨틱 태그로 불리기도 한다. 대표적으로 html에서 영역을 나눌 때 쓰는 는 자체적으로는 의미가 없어 id나 class를 부여하여 추가적인 설명이 필요하므로 non-semantic태그이다. 반면, 는 웹페이지의 헤더를 나타낸다는 것을 알 수 있기 때문에 semantic태그이다. Semantic Tag 문서 또는 섹션의 헤더를 지정 탐색 링크를 정의 문서의 주요 내용을 지정 독립.. 2023. 2. 23. CSS Flexible Box(Flexbox)를 쉽게 배워보자: Flexbox Froggy Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com CSS 페이지 레이아웃에 유용한 Flexible Box에 대해 배울 수 있는 사이트이다. 작성하는 코드에 따라 우측에 즉각적으로 변경되는 화면이 있고 한글 지원도 잘 되어있어, 처음 배우는 사람도 쉽게 알아 볼 수 있다. 총 24단계의 문제풀이 형식으로 되어있고, 각 문제 당 css property 1개에서 많게는 3개정도 적는 문제라 문제수에 비해 짧은 시간 안에 배울 수 있다. 처음 익힐 때에는 30분정도, 어느정도 숙련된 후에는 10분정도 걸렸던 것 같다. 2023. 2. 15. 이전 1 2 다음
