생각보다 재밌는데? 마카오 뱅크와 메가 톡 웹페이지 만드는 게 생각보다 재미를 느끼는 중이다. 마카오 뱅크 백엔드 부분을 할 때는 그렇게 어려웠는데... 일단 재미를 느끼는 이유는 시각적인 요소가 가장 큰 것 같다. 내가 코드 친 게 웹페이지로 눈에 바로바로 보이니까 뭔가 진짜 만들고 있다는 느낌이 들기 때문이다. 하지만 중간중간 잘 안돼서 답답하기도 하기도 하다. 해줘! 반응 그중에 가장 큰 문제는 반응형..... 창 줄이면 비율을 유지하면서 줄어야 하는데 자꾸 이리저리 다 튀어나간다.. 맨 처음 만들었을 때는 이뻤는데 창 사이즈를 줄이면 바로 글자들 여기저기 날라 댕기면서 이미지는 창밖으로 잘려서 나오고 난장판이 된다.. 그때부터는 어디서부터 잘못된 건지도 모르고 멘털이 나간다.. 이번 마카오 뱅크 ..

CSS 게임 마라톤 오늘 올라온 과제는 이전과 마찬가지로 CSS 게임들을 클리어하는 거였다. 하지만 이번에는 이전에 했던 게임 3가지 종류 CSS Diner, Flexbox Froggy, Grid garden와 더불어 5개의 게임이 더 추가가 되었다. 총 8개.. 과제 이름이 CSS 게임 마라톤인 이유다. 8개의 CSS게임들을 다 클리어해야만 다음 과제인 웹페이지 만들기를 할 수 있다. 그래도 8개 중 3개는 이전에 반복하면서 많이 했던 게임들이니까 금방 하겠지 생각하고 기분 좋게 시작했다. 목표는 일과시간 안에 게임을 끝내고, 저녁에는 마카오 뱅크 웹페이지 만들어서 1차 완성하고 자는 걸 목표로 했다. 근데 게임을 진행하면 할수록 이거 생각보다 시간 많이 걸리겠다는 것을 느꼈다. Guess CSS 게임..

상대 단위 상대 단위란 px처럼 고정되지 않고 유동적으로 바뀔 수 있는 길이를 나타내는 단위이다. 상대 단위의 종류에는 em, rem, vh ,vw 등이 대표적인 css의 상대 단위이다. 이전에 블로그 웹 클론코딩할때 이 상대 단위를 사용하지 않고 절대 단위를 사용해서 웹페이지의 크기가 달라지면 내가 처음에 만들었던 모양이 다 깨졌던 경험이 있다. 그래서 3가지 화면 기준을 잡고 화면 크기마다 각각 다르게 px로 설정해줬던 기억이 있다. 한 페이지를 만드는데 3가지 다른 화면을 만들어야해서 완전 하드 코딩했었다. 그 당시 em, rem, vw, vh라는 단위가 있다는건 알았지만 뭔가 어렵게 느껴져서 사용할 엄두도 못 냈었다. (공부를 안 했으면서 핑계는..) 그래서 이번에는 상대단위에 대한 개념을 잡고..

의미 있는 마크업 오늘은 또다시 HTML과 CSS에 대해 배웠다. html은 이전에 배웠던 내용들과 다르게 어려운 느낌이다. 이전에 한 번 웹페이지 클론 코딩을 해봤기 때문에 html에 대한 내용이 이해가 안 돼서 어렵다기보다는 html에 태그가 엄청 많기 때문에 어떤 태그들을 써야 의미 있게 내용을 전달할 수 있을지에 대한 어려운 느낌이다. 알고 있는 태그는 몇 개 없었기 때문에 공부해야 할 태그가 엄청 많았다.. div, span, a, p 요런 기본적인 것들만 알고 있었다. 이 많은 html태그를 이용해 모든 부분에 대하여 이유를 가지고 의미를 밝혀가며 HTML을 작성을 하는 과정이 이전에는 없었다. 즉, 이전 과제로 웹 클론 코딩할 때는 의미 있는 마크업에 대해서 신경을 쓰지 않았다는 이야기다. ..

5주 차 회고 메가 테라 5주 차를 진행하면서 있었던 일을 종합해서 회고하였습니다. 잘해야 된다는 압박감 이번 주는 레벨테스트 주간이었다. 사실 주말에 레벨테스트 과제가 올라왔을 때 벌써라는 느낌을 받았다. 왜냐하면 http에 대해서 한번 더 배우고 테스트를 할 줄 알았기 때문이다. 마음의 준비를 하지 않은 상태에서 테스트를 마주하니까 겁부터 났다. 이전에 레벨테스트를 한 번 떨어지고 이번에도 떨어지면 그때는 정말 끝이기 때문에 잘해야 된다는 엄청난 압박감을 갖고 시작했다. 그렇게 시작된 레벨테스트 서비스 기획 초기 당시 내가 만들고 싶은 서비스는 주말에 완성시켰다. 필수 구현 기능인 게시판 기능과 랜덤으로 명언이 주어지는 기능이다. 이전에 레벨 테스트했을 때는 게시판 기능을 만드는데만 일주일이 동안 겨..

레벨테스트 성공적(?) 오늘은 기다리고 기다리던 레벨테스트 발표날이었다. 이전에 한번 떨어지고 다시 하는거라 이번에도 통과하지 못하면 이번 주가 메가테라의 마지막이라는 생각을 하고 있어서 시작할 때부터 이번에는 진짜 잘해야 한다는 엄청난 부담을 안고 시작했다. 레벨테스트의 결론부터 말하면 이번에는 다행히 모두 통과했다. 이번주가 끝이 아니라는 의미다!! 발표시간에 동료들 발표하는 작업물을 보면 확실히 저번보다 훨씬 프로그램이 구색이 갖쳐줬고 다양한 기능들을 볼 수 있었다. 다들 많이 노력한게 결과물로 보인 순간이었다. 프로젝트를 만들었던 과정들을 돌아보면 중간중간 원하는 대로 기능 구현이 안되면 짜증도 나고 엄청 답답한 순간도 많았지만 기능이 원하는 대로 딱 구현되는 순간 답답함과 짜증이 한 번에 날아가..