전체 글
-
chat gpt plus 후기. gpt가 말하는 plus의 장점chat gpt 2023. 2. 11. 23:27
chat gpt로 코드를 간간히 받아쓰고 있어서, 이번에 바로 plus를 결제했다. chat gpt plus 에게 물어봤다. 왜 널 써야하냐고 아래와 같이 ChatGPT+를 이용하면 훌륭한 결과를 얻을 수 있습니다: 정확성: ChatGPT+는 OpenAI에서 개발한 고급 언어 모델로, 높은 정확성을 제공합니다. 사용자의 문의에 대한 정확한 답변을 제공할 수 있습니다. 상세성: ChatGPT+는 높은 상세성을 가진 모델로, 사용자의 문의에 대한 깊이 있는 답변을 제공할 수 있습니다. 효율성: ChatGPT+는 사용자가 원하는 답변을 빠르게 제공할 수 있어, 효율적인 질의응답 서비스를 제공할 수 있습니다. 유연성: ChatGPT+는 다양한 분야의 지식을 가지고 있어, 사용자의 문의에 대한 답변을 유연하게 제..
-
왕초보 HTML P태그html 2023. 2. 11. 23:07
HTML의 p 태그는 웹사이트에서 글을 쓸 때 사용하는 요소입니다. p 태그는 텍스트를 담는 컨테이너 역할을 하며, 텍스트를 깔끔하고 구조적으로 묶어줍니다. 다음과 같은 경우에 p 태그를 사용할 수 있습니다: 문단: 페이지에서 글을 쓸 때, 여러 개의 문단을 만들 때 p 태그를 사용할 수 있습니다. 소개: 웹사이트에서 기업이나 제품, 서비스 등을 소개할 때 p 태그를 사용할 수 있습니다. 정보 제공: 웹사이트에서 정보를 제공할 때 p 태그를 사용할 수 있습니다. 상세 설명: 웹사이트에서 상세한 설명을 할 때 p 태그를 사용할 수 있습니다. 안녕하세요! 오늘은 좋은 소식이 있어요. 그래서 나는 좋은 기분이에요! 아침에 좋은 소식을 얻고, 좋은 기분으로 새로운 하루를 시작할 수 있어요. 웹 브라우저에서는 위..
-
css 왕초보 탈출하기 06 clear 속성, 테크닉CSS 왕초보 탈출하기 2020. 5. 5. 23:34
css 왕초보 탈출하기 06 clear 속성, 테크닉 약간의 복습 이 화면의 문제는 무엇인가? ul과 li는 기본적으로 block레벨이다. 블록속성에 대해서 모르겠다면 아래 참고. ※ 어떤 분이 제보 주신결과 li는 block레벨 요소이긴 하나, display:list-item 이라는 속성이라고 합니다. 자세한 내용은 아래 내용을 참고해주세요. https://developer.mozilla.org/en-US/docs/Web/CSS/list-style list-style The list-style CSS property is a shorthand to set list style properties list-style-type, list-style-image, and list-style-position. d..
-
CSS 왕초보 탈출하기 05 - float 속성(3/3) clear:both 레이아웃 무너지지 않게 하기CSS 왕초보 탈출하기 2020. 5. 4. 01:03
CSS 왕초보 탈출하기 05 - float 속성(3/3) 레이아웃 무너지지 않게 하기 기본적으로 플룻 속성은 자신의 너비 외에 남는 공간이 생기면, 다음 컨텐츠 (해당 예제로는 p)가 위치하게(흐르게) 되어있다. 그래서 p가 블록속성임에도 불구하고, img-area 옆으로 흐르는 것을 볼 수 있다. 으어.. p 올라오지마.... 올라오지마..! 너 블록 속성이자나..! 블록 속성은 한줄 다 차지한다며 ㅠㅠ clear:both 속성이 뭔가요?? 문제 상황부터 볼게요. 위와 같은 html구조가 있고, p에게 float을 적용했다고 가정해보겠습니다. p는 가로(width:100px) 세로(height:100px;)값을 가졌다고 해보겠습니다. clear되지 않은 상태에서 p를 감싸고 있는 div의 높이값은 얼마..
-
CSS 왕초보 탈출하기 05 - float 속성(2/3) block속성에 float을 ??CSS 왕초보 탈출하기 2020. 5. 1. 21:59
CSS 왕초보 탈출하기 05 - float 속성(2/3) block속성에 float을 ?? block 속성에 float을 주면 어떻게 될까? 일단 다시 한번 block 속성에 대해서 정리를 하고 오는 것을 추천한다. CSS 왕초보 탈출하기 02 - block 속성 (1/2) 여느때와 같이 출근을 위해 지하철을 탓다. 문이 열리고 맞은편엔 의자가 보이는데 이상하게도 한 사람만 앉아있다. 의자 가운대에 한사람만 앉아있다. 어 ? 뭐지? 잠이 덜깻나? 멍한 정신을 차리고 다시보았다... moriandtsuki.tistory.com 다녀오셧나여? width:100px; width:100px; block요소에 float속성을 적용하면 자기 너비만큼의 값을 가지게 되며(float적용 전과 동일) 한줄을 모두 차지 ..
-
BBQ 통닭다리구이 매콤구이맛, 소금구이맛 자취생 리뷰음료 식품 리뷰 2020. 4. 30. 23:56
BBQ 통닭다리구이 매콤구이맛, 소금구이맛 자취생 리뷰 몇일 전 어머니께서 자취생인 내게 주신 BBQ 통닭다리구이 매콤구이맛, 소금구이맛. 직접 해먹고 리뷰를 남기는 자취생의 리뷰.. 일단 크기가 꽤 묵직하다. 120그람이라고 써있다. 메뉴얼대로 1시간 실온에서 해동을 실천했다. (렌지 해동보다 실온해동이 경험적으론 더 맛있었다.) 제품 뒷면의 정보가 궁금할 거 같아서 아래에 첨부한다. 조리중 조리완료 맛은?? 고기 맛 : 훌륭했다. 역시 치킨의 대한민국인가 하면서 먹었다. 부드럽고 맛있는 닭다리살이었다. (지방처리는 깔끔하게 손질되어있어서 중간에 지방이들이 뭉친 부위가 없었던거 같다.) 소금구이 맛 : 심플하게 소금구이맛은 아니었던거 같다. 약간 달착지근한 감이 있긴 했으나, 감칠맛 정도로 느낄 수 있..
-
CSS 왕초보 탈출하기 05 - float 속성 (1/3) what the....f..CSS 왕초보 탈출하기 2020. 4. 30. 23:37
CSS 왕초보 탈출하기 05 - float 속성 (1/3) what the....f.. float 속성이란 무엇일까? 사전적 의미로 띄우다. 부유하다. 라는 의미를 가지고 있다. float: left 해당 요소를 좌측으로 띄운다. float: right 해당 요소를 오른쪽으로 띄운다. float: none 해당요소를 float 적용을 해제한다. float: inherit 부모요소에서 상속 받는다. 띄운다는게 뭐야??? 이미지를 어떻게 띄워서 택스트와 함께 배치할 것인가? 그럼P태그 내부 택스트 중간에 float요소가 위치하면 어떻게 될까??? 신문같은 거 보면, 우측이나 좌측에 그림이 있고 그 옆에 텍스트들이 이미지 옆으로 있는데 그걸 생각하면 쉽다. (애초에 그걸 위해 나온 속성이기도 함) 약간 예쁘게..
-
css 왕초보 탈출하기 04 - position (2/2) top,bottom,left,rightCSS 왕초보 탈출하기 2020. 4. 30. 00:24
css 왕초보 탈출하기 04 - position (2/2) top,bottom,left,right 지난시간 정리: position:absolute가 걸린 자식요소는 위치한다. 어디에? 해당 자식을 감싸고 있는 position:relative가 걸린 부모요소에 (바로 위에 가까운 직계 부모요소에 relative가 없다면, 그다음 감싸고 있는 부모요소, 그것도 없으면 그 다음 부모요소를 기준으로 위치한다. ) 그렇다면 position:absolute가 걸린 속성에 top, bottom, left, right 속성을 부여하면 어떻게 될까? .father{positon:relative;} .child{position:absolute; top:20px;} .child는 father를 기준으로 20px이동한다. 그..