전체 글
-
20221001 TIL 돌아가라 머리머리TIL 2022. 10. 1. 13:05
이번 주는 자바로 웹서버를 만드는 방법을 배우고 있다. 항상 서버를 어떻게 만드는 건지 너무 궁금했는데, 자바에서 제공하는 라이브러리들을 import해서 생각보다 간단히 만들 수 있었다! 항상 궁금했던 부분이라 그런지 강의에서 처음 듣는 내용이 매우 많고 어려운데도 재미있게 들었다. 그런데 아직은 자바만으로 웹서버를 띄우고 있기 때문에 html문서도 클래스 메소드들을 이용해 만들고 있다. 그래서 TDD, 프론트, 서버까지 3중 트리오 콤보를 자바로 해야 한다. 3개를 한 번에 머리가 이해하려고 하니 쉽지 않다. 인출을 할 수 있게 큰 그림을 먼저 그리고 단계들을 쪼개야 할 것 같다. 어떤 프로그램이든 입력 처리 출력 순서로 진행이 된다는 큰 틀을 잡고, parser나 requestBodyReader등 쉽..
-
웹의 두 기둥 HTML과 CSS [웹디자이너를 위한 HTML5], [새로운 CSS 레이아웃]책을 읽자 2022. 9. 30. 22:25
지금의 html과 css는 정말 많은 기능을 지원하고 있다. 하지만 태초의 html에서 지금의 html이 되기 까지는 정말 많은 사람들의 노력이 들어갔다. 그리고 css없는 안쓰럽던 html문서에서 css가 더해지면서 지금의 아름다운 웹페이지들이 만들어 졌다. 웹을 지탱하는 두 기둥인 HTML과 CSS에 대해 알아보자. (물론 JS도 빼 놓을 수 없다.) 먼저 html의 중요한 태그들을 알아보자! a태그 a요소는 일반 텍스트를 하이퍼텍스트로 바꿔준다 HTML5에서는 a요소 안에 여러 요소를 넣을 수 있다. a안에 a를 넣을 수는 없다 section태그 section요소는 연관된 컨텐츠를 묶을 때 사용한다. 블로그 포스트나 기사처럼 콘텐츠 영역을 독립적으로 배포할 수 있는 경우 article요소를 쓴다. ..
-
메가테라 6주차 주간회고회고 2022. 9. 30. 20:37
이번 주는 HTML과 CSS를 배우는 주간이었다. HTML과 CSS를 조금 써봤다는 이유로 살짝 긴장을 놓았던 탓인지 아직도 퀘스트 과제를 다 못 끝냈다. 반응형 웹사이트를 처음 퍼블리싱 해봤는데 생각보다 매우 오래 걸린다. 반응형 웹사이트를 퍼블리싱 하는 것이 생각보다 많은 창의력을 요구하는 것 같다. 한 주 사이에 다양한 방법들을 배웠고, 창의력이 살짝 좋아진 것 같다. 하지만 이번 주 초에 이번 주는 살짝 여유로울 것을 기대하고 듣고 싶은 자바 강의들을 계획해두었는데, 전혀 듣지 못 했고, 원래 오늘까지 해야되는 것들 조차 아직 끝내지 못했다. 긴장을 살짝 늦췄던 것이 문제였던 것 같다. 오늘 무슨 일이 있어도 개발자 프로필을 끝내야 한다. 그리고 한 번 밀리면 계속 뒷 스케쥴에 영향을 주므로 밀리..
-
20220930 TIL 인코딩 디코딩 코딩코딩TIL 2022. 9. 30. 20:24
인코딩과 디코딩 개념은 여러 곳에서 많이 쓰인다. 인코딩과 디코딩을 정확히 몰라도 동영상을 한 번쯤 인코딩 해본 경험이 있을 것이다. 나도 인코딩, 디코딩을 들어본 적은 있었는데, 정확한 개념을 몰랐다. 그런데 오늘 코딩 인터뷰 시간에 unicode와 UTF-8관련해서 인코딩 디코딩 개념을 물어보셨는데, 명확히 답변할 수 없었다. 인코딩과 디코딩은 컴퓨터가 알아들을 수 있는 신호로 바꾸고, 변형된 값을 원래대로 되돌리는 과정을 의미한다. 우리가 입력하는 문자나 기호들도 컴퓨터가 알아들을 수 있게 바꿔줘야 하기 때문에 인코딩이 필요하고, 이 때 다양한 방식의 인코딩이 사용될 수 있다. 요즘은 UTF-8방식이 가장 많이 쓰인다. UTF-8은 Universal Coded Character Set + Trans..
-
20220929 TIL 찾아보자TIL 2022. 9. 29. 13:02
요즘은 코딩테스트 문제들을 TDD로 풀고 있다. 그런데 구현은 제대로 한 것 같은데 테스트 코드가 안 돌아가서 구현쪽에서 로그를 찍어보며 확인을 해보았다. 멀쩡한 것 같은데 테스트 코드가 안 돌아갔다. 그래서 왜 안돌아가지 고민을 한참 했는데, 테스트 코드 단언문에서 메소드를 안 쓰고 리터럴끼리 비교하고 있었다. 아샬님의 저 영상을 작년에 본 이후로 항상 안 될 때마다 뭔가 잘못 했겠지 하고 찾아보는데, 테스트 코드에서 메소드를 안 쓰고 있었을 줄이야.. 내 실수를 찾아 볼 항목이 하나 늘었다. 안되면 항상 마법의 주문을 외워보자. 뭔가 잘못 했겠지. 그리고 나의 실수를 찾아보자.
-
20220928 TIL 차근차근 하나씩TIL 2022. 9. 28. 21:48
오늘은 반응형 웹사이트를 본격적으로 퍼블리싱했다. https://heyjyu.github.io/makao-letter/ 마카오 레터 이런 카드 이런 제목9 내용은 이렇게 채워져가는 거죠. 뭐랄까 느낌적인 느낌이랄까요? 여러가지 느낌을 첨가해보세요. 여긴 요약본 내용이 들어가겠죠. 2022/01/01 ❤️ 20 heyjyu.github.io 결과물은 위 링크에서 확인할 수 있다! 반응형은 처음이라.. 막막했다. https://heyjyu.github.io/mega-talk/ 메가톡 Mega Talk 스크린 크기를 줄여주세요 heyjyu.github.io 물론 어제 맛보기로 아주 간단한 반응형 웹사이트를 퍼블리싱 해봤지만, 본격적으로 모바일, 태블릿, 데스크탑에 대해 반응형 웹사이트를 퍼블리싱 해본 것은 처..
-
20220927 TIL 두뇌 풀 가동!TIL 2022. 9. 27. 18:20
이번 주는 새롭게 배우는 것들이 많다. 한동안 인텔리제이를 쓰고 있었는데 이번 주부터는 vs code를 쓰고 있어서 단축키들에 새로 적응을 하고 있다. 태그이름#id 태그이름.클래스이름 을 쓰고 엔터를 치면 자동으로 태그가 완성된다. 태그*개수 를 쓰고 엔터를 치면 개수만큼 만들어진다. 인텔리제이에서 shift enter에 해당하는 게 vs code에서는 cmd enter다. 그리고 라인 정리를 해주고 싶으면 opt shift f를 하면 된다. html 문서를 작성하고 싶으면 ! 엔터를 치면 된다. 그리고 치고 싶은 태그를 꺽쇠 없이 태그 이름을 치고 엔터를 치면 자동완성된다. 그리고 live server 익스텐션을 쓰면 저장할 때마다 새로고침을 하지 않아도 된다. 그리고 배치를 할 때 헷갈리면 각 요소..
-
20220926 TIL 집단 지성 최고TIL 2022. 9. 26. 18:11
오늘은 거의 이 세상 존재하는 모든 CSS 게임을 섭렵하였다. 그 과정에서 뭐지 싶은 부분들이 있었는데 집단지성으로 서로 협력하면서 돕고 도와 결국 모두 이해하게 되었다. css는 부모 요소에 적용한 스타일이 있을 때 자식 요소에 적용한 스타일이 따로 없다면 부모 스타일이 그대로 드러나게 된다. 즉, 부모 요소에 background color를 줬을 때, 자식 요소는 transparent한 상태라고 보면 되기 때문에 부모 요소 색이 자식 요소 부분에 드러나게 된다. 그리고 만약 동일한 요소에 두 개의 스타일이 적용된 경우에는 우선순위가 높은 아이가 나타나게 된다. child selector(>) 는 depth 1까지만 선택이 되고, descendant selector ( )는 depth관계 없이 모두모두..