웹페이지
-
[힙한취미코딩] 스파르타 코딩클럽 마지막 2주차!IT 2021. 9. 23. 03:10
추석 연휴를 알차게 보내기 위해 시작한 스파르타 코딩클럽 코딩미션 마지막 2주차! 1주차에서 배운 HTML과 CSS를 활용하여 나만의 추석 인사 카드를 만들어 보았다. 바탕에는 가을에 어울리는 황금색을 칠하였고 가운데에 추석과 관련있는 이미지 그리고 나만의 메세지를 담은 봉투까지 만들어보았다 봉투를 누르면 귀여운 캐릭터가 나와 꾸벅꾸벅 인사를 한다 캐릭터 아래엔 메세지 주제와 메세지 내용이 적혀있다 캐릭터를 누르면 숨겨진 페이지(스파르타 코딩클럽 코딩미션 이벤트페이지)로 이동하도록 구현하였다 편지봉투를 여는 효과를 구현하는 데에 자바스크립트가 쓰였고, 강의에서는 간단한 맛보기를 경험할 수 있었다. 한가지 까다롭다고 느낀 점은 모바일 환경에서의 페이지도 따로 신경써줘야 한다는 점이었다. 모바일의 경우 노트..
-
[힙한취미코딩] 스파르타 코딩클럽 1주차 배운 것IT 2021. 9. 22. 16:42
스파르타 코딩클럽 1주차를 끝냈다. 웹페이지의 작동원리부터 시작해서 샘플로 로그인 페이지를 만들어보는 데까지 진행하였다. 클라이언트가 요청을 보내고 서버는 요청을 처리해 응답을 보내고 웹브라우저는 받은 응답을 처리해 사용자에게 보여준다 기본 동영상 강의와 더불어서 Notion으로 작성한 강의 노트가 함께 제공되어 노트정리 하는데에 신경쓰지 않고 강의에 집중 할 수 있어서 좋았다. 중간중간 제공되는 코드 스니펫 (작은 예제 코드)도 클릭 한 번으로 복사가 되는 점도 굉장히 편리했다. 1주차에서 가장 중요하게 배운 점은 웹페이지의 뼈대는 HTML, 꾸미기는 CSS라는 점. HTML은 header와 body로 구성되는데, header는 페이지의 속성 정보를 가지고 있고, body는 실제로 표시될 내용을 담고 ..
-
스파르타 코딩클럽 48시간 미션 이벤트 시작IT 2021. 9. 22. 00:10
이번 긴 추석연휴 할 것도 많지만, 인스타그램에서 재밌는 광고를 봤다. https://spartacodingclub.kr/hip 스파르타코딩클럽 [힙한 취미 코딩 이벤트] 입장만 해도 경품이? 코딩 무료로 배우고 맥북받자! spartacodingclub.kr 코딩 미션을 받고 48시간 안에 무료강의 수강하고 최종 작품까지 제출하면, 추첨을 통해 맥북에어, 아이패드 프로 등을 경품으로 주는 이벤트다. 시간도 너무 길지 않고, 배울 것도 있고, 혹시 모를 맥북도 있고, 밑져도 이익인 이벤트다. 총 4가지 미션이 있는데, 두번째 미션인 "꾸며라"를 선택했다. 나만의 웹페이지를 만들고 꾸미는 미션이다. 항상 내 웹페이지를 만들어야지 만들어야지 하고 말만하고 못만들고 있었는데, 지금이 딱 기회다. 9월 10일 부..