profile
Back-End 개발자를 꿈꾸는 좋은 길로만 가는 조 은길입니다😁
post-thumbnail

몬티홀 딜레마 (Monty Hall problem)

학교 수업에서도 등장했지만, 완벽하게 이해하고 내 것으로 만드는데는 시간이 좀 걸렸다. 단순한 딜레마를 넘어서 우리 삶에서 중요한 포인트를 지적하고 있는 이론인만큼, 이 딜레마가 무엇이고, 어떻게 우리 삶에 적용될 수있는지 정리해보겠다.

3일 전
·
0개의 댓글
post-thumbnail

Semantic Tag 와 헷갈리는 tag들 정리

오늘은 시멘틱 태그에 관해서 정리해보자! 사실, 시맨틱 태그는 HTML5에서 처음 등장하는 tag들이다. div에 class 값을 붙여서 스타일링하면, 모든 작업이 가능했지만, 파일이 커지면, 커질수록 지져분해지는 문제가 있었다. 그래서, 큰 틀을 만들 때, 쓸 수있는

4일 전
·
0개의 댓글
post-thumbnail

HTML tag 용어 정리

오늘은 HTML tag 안에서 사용하는 용어들에 관해 정리해보고자 한다. 쭉 공부를 하면서 느꼈던 건데, 용어 정리가 잘 되지 않다보니 무슨 자료를 봐도 이해가 되는데 시간이 걸렸다. 이제는 그런 실수를 하지 않고자 오늘 배운 것들을 정리해보겠다.오늘 TIL은 드림 코

4일 전
·
0개의 댓글
post-thumbnail

dropdown box 에러 발생과 해결과정

진행 중에 미니 프로젝트에 드랍 박스를 삽입하는 도중, 문제가 발생했다. 코드에 무슨 문제가 에러가 발생했는지와 어떻게 해결했는지에 대해서 복기 해보자!

2021년 9월 3일
·
0개의 댓글
post-thumbnail

dropdown box 만들기

오늘은 드랍 박스를 만들어 보겠다. 도중에 많이 헤매기도 했고, 어떻게 학습한 내용을 잘 작성할 수 있을 지 모르겠지만, 일단 최대한 해보겠다.

2021년 9월 2일
·
0개의 댓글
post-thumbnail

border-bottom 에러 고치기 + add a horizontal rule

상황 설명웹 싸이트에서 가로 줄 ( horizontal rule ) 을 적용하고 싶었다.이런 식으로!!가장 쉬운 방법은 html에 hr 태그는 넣는 방법이다.hr 태그는 br 태그처럼 /hr을 필요로 하지 않는다!! 그러나 hr 태그의 단점은 태그 사이에 위 아래로 공

2021년 8월 17일
·
0개의 댓글
post-thumbnail

CSS 사용시, 생길 수 있는 실수

a 태그에 설정된 마진탑이 작동하지 않고 있다. 왜 그럴까??=> mybutton이라는 클래스는 a 태그 하위에 존재하는 게 아니다. 같은 선상에 존재하기 때문에, 적용되지 않는다.따라서, 이 문제를 해결해주기 위해서는 dot notation을 사용하면 된다.( a 와

2021년 8월 16일
·
0개의 댓글
post-thumbnail

inline vs block 문제 해결법

발생한 문제=> Book Online 이라는 버튼과 본문의 간격을 조금 띄우고 싶었다. 그래서 두 테그의 간격을 넗히기 위해서, margin-top을 버튼에 적용했지만, 먹히지 않았다. 그런데, margin-right나 left는 여전히 먹힌다. 다만, top과 bot

2021년 8월 16일
·
0개의 댓글
post-thumbnail

"box-sizing"을 이용한 문제 해결

오늘은 box-sizing에 관해서 알아보자!!사실, 에러가 나지 않았을 때는 이게 왜 필요한지 몰랐는데, 에러가 터지고 나니까 안전장치로써 box-sizing이 필요하다는 것을 알았다.우선, 부트 캠프에서는 무조건적으로 잠재적인 에러를 막기 위해서를 지정해주라고 가르

2021년 8월 14일
·
0개의 댓글
post-thumbnail

img 업로드 from HTML vs CSS

Block Level ImageHTML에서 첨부되는 이미지를 말한다.브라우져에 의해서 보여지거나, 적어도 구글이나 Bing 같은 검색 엔진이 확인하는 이미지를 가리킨다. => alt에 있는 설명으로!!그런데, HTML에 이미지를 업도드해도 충분할 텐데, 왜 구지 CSS

2021년 8월 9일
·
0개의 댓글
post-thumbnail

svg vs png vs jpg

여기에 대해서 더 자세하게 알고 싶다면, Web에서 PNG , GIF, JPEG , SVG 중 어떤 것을 사용하면 좋을까요? PNG JPG 차이, 이미지 파일 형식에 숨겨진 비밀 [PNG와 SVG의 차이](https://m.

2021년 8월 8일
·
0개의 댓글
post-thumbnail

line-height

글자 줄 사이의 공간을 띄울 수있다.이런 식으로 p 태그에 line-height를 적용하면, 본문에 글자 줄마다 공간이 더 띄어진 것을 볼 수있다.line-height에는 px, rem, em, %가 적용 가능하다.좀 더 자세하게 알고 싶다면, line-height f

2021년 8월 8일
·
0개의 댓글
post-thumbnail

PX & EM & REM on font sizes

오늘은 font size에서 3가지의 기능이 각각 어떻게 다르게 적용되는지에 대해서 정리해보자!

2021년 8월 8일
·
0개의 댓글
post-thumbnail

CSS gradient & 웹디자인 웹싸이트

이번 시간에는 그레디언트에 대해서 정리해보자!!그레디언트에 대해서 더 자세하게 알고 싶다면...W3school 그레디언쿨한 그레디언트 샘플링을 주는 웹싸이트,Grabient

2021년 8월 7일
·
0개의 댓글
post-thumbnail

align-items: center;

세로를 기준으로 가운데 정렬하는 방법에 관해서 알아보자!!물론, 다양한 접근 방식이 있겠지만, 내가 쓰는 방식과 다르고 더 편리해서 기록해둔다.현재 상황은 다음과 같다.HTML 코드CSS 코드현재 레이아웃

2021년 8월 7일
·
0개의 댓글
post-thumbnail

CSS Flexbox

flexbox나 grid는 class나 객체 같은 개념으로 생각하면 쉽다. 한 번 선언하고 나면, 그 안에 들어가 있는 기능들을 사용할 수 있기 때문이다.오늘은 기초적인 flexbox에 관해 정리해보자!!웹페이지를 만드는 연습을 하다가 3개의 card를 하나의 div

2021년 8월 7일
·
0개의 댓글
post-thumbnail

Min-height vs height

CSS 기능 중에 Min-height 와 height의 차이가 관해 알아보자!!height" height: 300px; " 을 적용할 경우, div 태그 내의 컨텐츠가 300px를 넘어설 때, 그냥 튀어나와 버린다.min-height" min-height: 300px;

2021년 8월 6일
·
0개의 댓글
post-thumbnail

CSS Reset & CSS Reset - Normalize

오늘은 유용한 CSS 파일에 대해서 소개하고자 한다.에릭 마이어가 만든 2가지의 CSS 파일이다.자료 출처에릭 마이어의 CSS 툴박스

2021년 8월 6일
·
0개의 댓글
post-thumbnail

"무한 경쟁"에 관하여...

이 부분은 관심이 없는 분이라면, 넘어가셔도 좋습니다 😁필자는 대전 사람이다. 그리고 오랫동안 대전의 갤러리아 타임월드를 가족들과 애용해왔다. 대전에서 갤러리아 타임월드는 거의 유일한 백화점으로써 독보적인 위치를 유지하고 있다. 대전의 모든 상류층들은 갤러리아에서 V

2021년 6월 30일
·
0개의 댓글
post-thumbnail

"바람둥이"에 관하여...

돈 지오반니는 바람둥이가 참회를 하지 않아서, 지옥의 불구덩이로 떨어진다는 내용이다. 그런데, 바람둥이가 지옥까지 떨어져야 될 정도로 죽을 죄인가??아무리 시대적인 한계가 있다고 하지만 다소 이해하기 어려운 부분이다.그래서 바람둥이가 왜 나쁜지 정리해보자!!사회는 바람

2021년 6월 30일
·
0개의 댓글