본문 바로가기

분류 전체보기402

[2025-03-14] TIL을 1년 쓰고 느낀 점 TIL이란?TIL이란 Today I Learned의 약자이다. 즉 오늘 내가 배운 것 기록해둔 자료를 의미한다.작년 이맘때 쯤 서른이 넘은 나이에 부트캠프에 처음 들어가면서, 뭔가 새로운 길이 열릴 것 같다는 기대감에 부풀었고, 평소에도 이것저것 메모하고 학습하는 것을 좋아하는 성격이었기 때문에 부트캠프에서 처음으로 소개받은 TIL 작성에 대해서 들었을 때는 충격 그 자체였다.나는 군 복무 시절부터 일기를 꾸준히 작성해왔지만 내 일기의 목적은 그 날의 생각정리, 훗날 다시 읽었을 때 내 생각의 변화를 알 수 있고 추억 속에서 휘발되기엔 아까운 나라는 사람의 인생을 기록하고 싶었기 때문이다.내가 살면서 공부했던 게 이것 뿐이겠는가? 군대에 가면 총 쏘는 방법을 알아야 하고, 경계 근무 요령에 대해서도 배워.. Programing/TIL 2025. 3. 14.
CSS의 구성 요소 (Selectors, Property, value)와 우선순위 총 정리 CSS 학습의 중요성CSS를 학습하는 데 있어서 가장 중요한 것은 직접 타이핑 해보는 것이다.퍼블리셔가 아니라 프론트엔드 과정을 희망하고 학습을 시작했다면, 이것 말고도 배워야 할 게 산더미이고 그 중에서 자바스크립트와 알고리즘, API 통신의 벽을 만나는 순간 사실 화면을 그리는 CSS의 중요도는 떨어질 수밖에 없다.뒤로 갈수록 학습량이 현저히 줄어들기 때문에 처음에 HTML과 CSS를 배우는 단계에서 명확히 이해하고 넘어가는 것이 좋다. 본인도 이미 부트캠프 전과정을 수료했고 눈에 띄는 결과물도 만들어냈지만 결국 다시 처음부터 학습하는 이유는 기본기가 부족하다고 느껴졌기 때문이다.이후에 bootstrap, NextUI, TailwindCSS 등 다양한 라이브러리를 만나게 되면서 실제로 내가 하나하나 .. Programing/CSS 2025. 3. 10.
HTML5 기본 템플릿 코드 <body> 아래에는 태그 내에 작성하는 태그들에 대해서 설명하겠다. 기본 구조 관련 태그 : 페이지 또는 섹션의 머릿말 (로고, 내비게이션 등) : 내비게이션(메뉴) 영역 : 페이지의 메인 컨텐츠 : 논리적으로 그룹화된 콘텐츠 블록 : 독립적인 컨텐츠 (뉴스, 기사, 블로그 글 등) : 보조 정보 (광고, 사이드바 등) : 페이지 또는 섹션의 바닥글 (저작권, 연락처 등)위 까지는 시멘틱 태그(Sementic Tag)라고 말한다.시멘틱 태그란 별다른 기능을 하는 것은 아니지만 "이 안에는 이런 내용이 있다"라는 것을 검색 엔진 봇에게 알려주는 것으로, html 문서를 봇이 더 쉽게 파악할 수 있게 도와주는 기능을 한다.비슷한 태그로 가 있는데, 구획을 나누는 태그로 기능을 하진 않지만 코드 내에서 영역을 구분 짓.. Programing/HTML 2025. 3. 4.
초심자 MongoDB 시작하기 MongoDB 가입하기MongoDB를 사용하는 두 가지 방법이 있다고 한다.로컬에 설치하는 방법클라우드 (MongoDB Atlas)를 이용하는 방법둘 다 해볼 것이지만 이번 포스팅에서는 두번째 방법으로 해보겠다. 로컬에 설치하는 방법을 간단히만 말하자면,https://www.mongodb.com/try/download/community 이곳에서 MongoDB Community Edition 설치설치 후 터미널에서 mongod 입력그러면 mongodb://localhost:27017 에서 MongoDB가 실행됨.이번엔 두번째 방법, 클라우드(MongoDB Atlas)를 이용하는 방법이다.https://www.mongodb.com/atlas 이곳에서 MongoDB 무료 계정을 만든다.이메일 인증을 완료하고,.. Programing/Server 2025. 3. 4.
CSS란? CSS란?Cascading Style Sheets의 약자웹 페이지의 디자인과 레이아웃을 담당HTML이 웹 페이지의 구조를 결정한다면 CSS는 그렇게 정해진 구조에 스타일(색상, 폰트 크기, 여백, 정렬 등)을 적용하는 역할등장배경원시 웹 페이지는 HTML 하나로만 구성되었다.이것들도 나름의 스타일을 적용하기 위해 아래와 같이 인라인으로 스타일을 지정했다.안녕하세요!제목입니다문제는 이러한 방식은 웹 페이지가 복잡해지면 코드가 너무 복잡해진다는 단점이 있었음.메인 컨텐츠와 디자인이 뒤섞여 있다 보니 유지보수에도 어려움이 있었음.또한 웹 브라우저를 볼 수 있는 다양한 기기가 등장함에 따라 크로스 브라우징이 필요했는데 위 방식으로는 불가능했음.그러다 CSS는 1996년 W3C (World Wide Web Con.. Programing/CSS 2025. 3. 4.

티스토리툴바