[ 회고 ] 역시 해봐야 뭐가 문제인지 보인다

[ 회고 ] 역시 해봐야 뭐가 문제인지 보인다

현재 근황 토이 프로젝트로 지금까지 방문한 나라 기록하는 서비스 만드는 중...이다. 역시 나는 갈 길이 멀다. https://github.com/syk25/travel-tracker GitHub - syk25/travel-trackerContribute to syk25/travel-tracker development by creating an account on GitHub.github.com 기술스택 선정 이유이번에는 프론트와 백부터 데이터베이스까지 다루고 있다. 프론트는 EJS, 백은 Node와 express, 데이버테이스는 PostgreSQL이다. 프론트는 아직 프레임워크가 익숙하지 않아서 우선 EJS를 사용했다.백엔드의 경우, ① 프론트도 같이 개발하고 있는 점 ② express가 spring ..

  • format_list_bulleted 기록/회고
  • · 2024. 11. 17.
12 Rules to Learn to Code

12 Rules to Learn to Code

출처https://www.udemy.com/course/the-complete-web-development-bootcamp/?couponCode=JUST4U02223유데미에서 개발실력을 늘리는 법에 대해 조언해주는 자료를 읽게 되었습니다. 해당 자료를 읽은 후에 요약한 내용입니다. 1 매일 작게라도 꾸준히 하자코딩은 운동과 같다. 몰아서 할 수 있는 게 아니라 꾸준히 해야 실력이 좋아진다. 경험에 비례해서 실력이 상승하기도 한다. 따라서 매일이라도 꾸준히 해야한다.첫째로 꾸준히 할 수 있는 습관을 들여야한다. 사람이 습관을 형성하기 위해서는 최소한 30일은 반복을 해야한다고 한다. 따라서 30일동안 동일한 규칙을 지켜야한다.두번째로 사람은 컨텍스트 스위치에 많은 에너지를 쓴다. 집에 들어오자마자 침대에 ..

  • format_list_bulleted 기록/기타
  • · 2024. 11. 9.
[ 기타 ] 다이어트와 목표 이루기의 관계

[ 기타 ] 다이어트와 목표 이루기의 관계

다이어트와 그 결과최근에 다이어트를 하기로 했다. 벌크업을 하면서 살이 많이 쪘기 때문이다. 하루 세끼에 한끼당 단백질 100g, 탄수화물 100g을 반드시 지켜야하고 그 외에는 절대로 먹으면 안되었다. 원래 목표는 3주였지만 중간에 발목을 다쳐버려서 1주일로 단축했다. 1주일 뒤에 인바디를 측정하니 체지방이 2.3kg 감소했다. PT선생님이 잘했다고 칭찬하셨다. 지금까지 나는 혼자서 운동을 했을 때는 근육량이 성장하지도 않았고 체지방이 감소하지도 않았다. 즉, 시간만 소모하는 운동을 했다. 그런데 이렇게 관리를 받으면서 하니 짧은 시간으로도 다이어트가 가능하다는 것을 알게 되었다. PT 선생님도 다이어트는 오래 하는 것이 아니라고 알려줬다.이번에는 성공할 수 있었던 이유나는 다이어트를 오래하면 안되는 ..

  • format_list_bulleted 기록/기타
  • · 2024. 11. 4.
[ 회고 ] 이론과 구현이라는 두 기둥

[ 회고 ] 이론과 구현이라는 두 기둥

드디어 끝났다드디어 카카오톡 클론코딩을 끝냈다.3번을 시도한 끝에 처음으로 처음부터 끝까지 했다. https://syk25.github.io/kokoa-talk-clone/ Welcome to Kokoa TalkNo Service 18:43 11% Your screen is super big! 화면이 너무 커요 ㅠㅠ!syk25.github.io 자바스크립트 없이 html와 css 만으로 웹페이지를 만드는 프로젝트였다. 초반에 이론 부분을 넘기는 게 정말 힘들었다.개념 자체는 어렵지는 않았지만 새로운 개념들이 이전 개념들을 활용해야하는 지라 배운 것들을 연습하지 않았다면 놓치기 일수였다. 그래서 중간에 여러번 처음부터 다시 듣는 경우가 있었다. 되돌아보면 내가 체화했다고 생각한 것이 실제로 체화한 것이 아..

  • format_list_bulleted 기록/회고
  • · 2024. 11. 3.
[ CSS ] Advanced CSS - Transition, Transformation, Animation, MediaQuery

[ CSS ] Advanced CSS - Transition, Transformation, Animation, MediaQuery

Transition요소의 상태 변화에 따른 스타일 변경에 애니메이션 효과를 부여한 것이다.Click me시작점에 transition 속성을 부여한다. 도착점에 변경하고자 하는 속성들을 값을 바꿔서 넣는다.button { padding: 20px; border-radius: 20px; background-color: tomato; color: beige; transition: background-color 1s ease-in, border-radius 0.5s ease-in-out;}button:hover { background-color: beige; color: tomato; border-radius: 5px;}여러 속성들을 다른 애니메이션 효과를 줄 수 있다..

  • format_list_bulleted 프로그래밍 언어/HTML, CSS
  • · 2024. 11. 2.
[ CSS ] 기초 CSS 정리

[ CSS ] 기초 CSS 정리

HTML에 CSS 적용하기inline을 하거나 CSS 파일을 링크 태그를 통해 참조한다. CSS SelectorSelector(선택자)를 통해 태그를 지정한다. 태그의 이름, 클래스 이름, id 이름 등을 selector로 사용할 수 있다. 태그이름은 이름 그대로 사용한다. 클래스 이름은 앞에 (.)을 붙여서 사용한다. 아이디 이름은 앞에 (#)을 붙여서 사용한다.h1 {}.myClass {}#myId {}선택자로 태그를 지정을 했으면 중괄호 내부에 속성(property)를 부여한다. 속성은 속성 이름과 속성값으로 구성된다. 필요한 속성은 검색을 통해서 확인한다.h1 { font-color : tomato;}예에서 속성은 font-color : tomato; 이다.CSS 코드의 우선순위동일한 태그에..

  • format_list_bulleted 프로그래밍 언어/HTML, CSS
  • · 2024. 11. 2.