BO의 개발로그

오늘은 7주차 Java 웹 서버 학습의 둘째 날! 어제 보다 말았던 마카오 뱅크 송금 부분부터 다시 보는데, form 넣어서 송금하는 부분부터 정신이 혼미해졌다. 강의를 듣고, 한번 더 보면서 인출 + 강의 노트를 반복하다가는 오늘 안에 강의를 다 못 보겠다는 생각이 들어 우선 한 번을 다 보자는 생각으로 방향을 틀어 중요한 부분만 필기하면서 보았고, 무사히 강의는 다 들을 수 있었다. 근데 강의를 다 듣고 난 나의 심경은....👇.... 근데 언제나 그랬듯이 주중에 강의 반복 과제를 충실히만 수행한다면 빠르면 수요일, 늦어도 목요일에는 '아 이제 좀 알 거 같다'라는 느낌이 올 거라는 확신이 있다! 더군다나 이번 주에는 과제가 강의 보기 + 강의 노트, 개념 노트 작성에서 그치지 않고, 『그림으로 배우..

드디어 7주차의 첫날. 이번 주는 Java를 활용하여 Web Server Application 구현하는 주간이다. HTTP Server를 띄워서 프론트, 백을 연결하고, 어플리케이션의 가장 중요한 핵심 로직은 TDD로 구현한다. 강의 한번 보고 강의노트 작성하고, 코드 쳐보는 방식으로 작업 중이다. 코드는 안 보고 인출해내고 싶은데 그건 좀 힘들어서 막히면 영상 한번 보고 치는 방식으로 인출하고 있다. 사실 자바는 그냥 이번 7주간의 공부가 처음이라 웹 서버를 어떻게 띄울지 전혀 몰랐기에 엄청 걱정했는데 막상 자바에서 제공하는 라이브러리를 사용해서 띄우길래 걱정했던 것만큼 복잡하지는 않았다! 그래도 이번 주 짝프가 두려운데.... 그래도 오늘 아침 일찍부터 부지런히 움직여서 스벅에서 맛있는 음료와 샌드위..

이번 주 주간회고의 제목은 일주일 만에 선생님이 된 보니로 하겠습니다. 약간 열두 살에 부자가 된 키라를 따라한..~ 아니 어쩌다 선생님이 되어버렸냐면..ㅋㅋㅋ 이번 주는 HTML, CSS를 배우는 주간이었고, 내가 개발 공부에 발을 들이면서 처음으로 공부했던 게 바로 이 두 개였다. 그러다 보니 당장 이번 주에 처음 배우는 동기들보다는 알고 있는 게 비교적 많았고, 동기들이 질문하거나 막히는 부분들을 도와줄 수 있었다. 그렇게 거창하지는 않지만 동기들에게 도움을 줄 수 있었던 주간이었다. 오늘 주간회고 때 동기들이 포스트잇에 적어 준 내용을 보니 나름 뿌듯하기도 했고 나 역시도 많이 배웠던 한 주였다.(하지만 7주차부터는 다시 자바 쪼렙으로 돌아갈 예정입니다만? 그것이 "인지상정"이니까..) 무튼! 1..

오늘은 이번 주의 마지막 과제 개발자 프로필을 만들었다. 피그마로 데스크탑, 모바일 버전 디자인 시안을 보면서 구현하는데, 요소 요소가 너무 많을 뿐만 아니라 공통적으로 사용하는 레이아웃을 라이브러리 없이 순수하게 구현하려고 하니 손이 많이 가서 좀 힘들었다. 이로써 재사용성 있는 컴포넌트의 소중함을 다시 한번 깨달았고... 더군다나 이번엔 한번 데스크탑 먼저 만들고, 모바일 버전으로 거슬러 올라가 보려고 시도했으나 대실패.. 역시 모바일 퍼스트가 괜히 있는 것이 아니다.. 그래서 모바일 버전은 아직도 만드는 중..^^ 그동안 내 나름 HTML이랑 CSS를 좋아한다고 자부해왔는데 이번 주는 작업하면서 의문스러울 정도로 왜 이리 진이 빠지는지 모르겠는 것이다.. 집 가는 길에 곰곰이 생각해보니 마크업이랑 ..

1주 1개발 서적 읽기이지만, 이번 주는 총 2권! 새로운 CSS 레이아웃과 함께 『웹디자이너를 위한 HTML5』 -제레미 키스, 레이철 앤드루를 읽어보았다. 이 책은 HTML의 역사를 얘기해주면서 HTML5를 어떻게 써야 할지 알려주는 책이기에 만약 HTML을 처음 배우기 시작했다면 읽어보기를 추천한다. 읽으면서 기록해놓으려고 표시해뒀던 키워드만 몇 가지 정리해보려고 한다. HTML 설계 원칙 - HTML의 핵심 설계 원칙들 중 하나는 "기존의 콘텐츠를 지원하라(Support Existing Contnet)"이다. 이는 온전히 HTML5만을 위한 최초 시작일이 존재하지 않는다는 것을 의미한다. XHTML 2가 기존에 존재하던 모든 것을 완전히 무시하려 했던데 반해, HTML5는 기존 기술과 표준에 바탕..

오늘은 반응형 레이아웃인 마카오 레터를 마크업 & 스타일링하였다! 항상 앞서 나가는 쥬쥬님의 어제자 TIL을 보고 이번 과제는 모바일 퍼스트로 작업을 진행해야 한다는 점을 캐치할 수 있었고, 그리하여 모바일 버전부터 작업하였다! 괜히 멘트도 적어보고..!ㅋㅋㅋ 나의 3년 뒤의 모습이랄까.... (희망사항 ㅎㅎ) 무튼! 모바일 화면이 데스크탑 화면보다 덜 복잡하기 때문에 레이아웃 잡기가 훨씬 쉬웠고, 그렇게 완성을 하고 나서는 바로 태블릿 화면으로 넘어갔다. 태블릿 화면도 세로 모드와 가로 모드를 맞춰서 작업하였고, 폰트나 비율들을 em 단위로 작업했기 때문에 크게 손 봐줘야 할 부분은 없었다. 태블릿 화면에서는 그리드로 세로는 2 columns, 3 columns로 작업하였고, 데스크탑에서는 4 colu..

1주 1개발 서적 읽기 프로젝트. 이번 주는 『새로운 CSS 레이아웃』 - 레이철 앤드루를 읽었다. 읽으면서 공감하면서 읽었던 부분도 많았고, 모던 CSS로 레이아웃을 제대로 짜고 싶다면 이 책을 제대로 읽어야 한다는 생각이 들었다. 읽으면서 내가 기억하고 싶은 부분들을 표시해뒀고, 이번 포스팅에 기록해본다. 논리적 속성과 물리적 속성 - 배치와 관련해 절대 위치를 정할 때처럼 그리드 또는 플렉스 컨테이너의 왼쪽, 오른쪽, 위, 아래라고 하지 않고 왜 '시작(start)'이나 '끝(end)'이라는 표현을 쓰는지 그 이유가 궁금할 수 있다. 이는 절대 위치에서 사용하는 left, right, top, bottom 속성은 물리적 속성이기 때문이다. 즉, 어떤 요소가 화면에서 물리적으로 어디에 위치하는지 나타..

역시나 오늘도 HTML, CSS를 한바탕 흔들어 재낀 날..! 오늘은 메가톡이라는 메신저를 마크업 & 스타일링했는데, 샘플에 있는 디자인만 살려서 내 일상 내용을 같이 녹여내 보려고 했다 ㅋㅋㅋㅋ 괜히 우리 동기들 이름 넣어서 메신저를 완성해보았다 ㅋㅋㅋㅋ 대화 내용도 각자 캐릭터 살려서 넣어봤다... 특히 제나님과의 대화는 항상 이런 식이다(약간 도파민에 미친 2인..)ㅋㅋㅋㅋㅋㅋㅋㅋ 사실 마크업은 이런 재미로 하는 것 아니겠습니꼬...ㅎㅎ 그나저나 뭔가 샘플 코드랑 구조를 다르게 해보고 싶은 마음에 이것저것 시도해보다가 작업이 예상했던 거보다 속도가 나지는 않지만!!! 그래도 역시나 CSS는 재밌다! 이게 내가 프론트엔드 개발자를 꿈꾸게 된 계기였지 싶고..ㅎㅎ 무튼 이번 주는 확실히 여유로워서 즐겁..