본문 바로가기

[모발 건강 샴푸 추천] 려 샴푸 !!! 두피 가려움 건조 부분 탈모에 도움 되는, 3통 째 쓰는 중, 내돈내산 솔직 리뷰 뷰티 유튜버의 찐템 추천으로 알게 돼서 3통 째 쓰고 있는 려 샴푸!!!! (가격도 저렴) 목차 1. 샴푸를 바꾸게 된 이유, 탈모..? 2. 실제로 도움 되었던 꿀팁 알려줄께! 2-1 두피 보호가 먼저 2-2 샴푸를 바꿔라 3. 한 줄 평, 결론 4. 려 샴푸 솔직 후기 1. 샴푸를 바꾸게 된 이유, 탈모..? 평생 머리숱이 많은 탓에 무거운 머리카락을 들고 다녔던 나.. 미용실 갈 때마다 미용사님 눈치(?)와 추가 비용을 내고 다녔던 나.. 때는 30대를 맞이할 즘이었던 뜨거운 여름...!! 매일 같이 애용했던 가운데 가르마가 너무너무너무 가렵고 빨갛게 익어 오르기 시작했다 ㅠㅠㅜㅠㅠ 그리고, 이마 위 쪽으로 머리 손이 약간의 탈모 느낌이 났고... 뒤통수의 중간쯤 ?? 머리카락이 잘 덮여 있는 곳들.. 더보기
CSS 공부 시작! [노베이스 게임개발 28일차] 오늘부터 바로 CSS 공부에 돌입하였다. 먼저 CSS는 Cascading Style Sheets라는 뜻으로 계단식으로 스타일을 정의하는 문서라는 의미를 지니고 있다. CSS를 이용하여 HTML문서에 스타일을 부여해 줄 수 있다. CSS의 기본 문법은 다음과 같다. CSS의 기본 문법 : 선택자{ 속성명: 속성값; } 선택자 : 어떤 요소에 스타일을 적용할지에 대한 정보 { } : 선택한 요소에 적용할 스타일을 정의하는 영역 속성명 : 어떤 스타일을 정의하고 싶은지에 대한 정보 속성값 : 어떻게 정의하고 싶은지에 대한 정보 그럼 이 CSS를 HTML에 적용하려면 어떻게 해야 할까? 적용하는 방식은 총 3가지가 있다. 인라인 스타일 : 태그에 직접 기술 스타일 태그 : 스타일 시트를 위한 태그를 추가하여 기.. 더보기
메타태그, 뷰포트 [노베이스 게임개발 27일차] 오늘은 meta 태그에 대한 내용이다. 지금까지는 body에 오는 부분들만을 공부해 왔었는데 초기에 그냥 넘어갔었던 meta태그에 대한 내용을 공부하였다. meta 태그는 HTML 문서에 대한 메타데이터를 정의한다. 여기서 메타데이터는 데이터의 테이터, 즉 정보를 의미한다. meta태그는 항상 head 안에 위치하고 문자세트, 페이지 설명, 키워드, 문서의 작성자 및 뷰포트 설정을 지정하는 데 사용된다. meta 태그가 제공하는 메타데이터의 유형과 속성에는 여러 가지가 있지만 자주 사용하는 것들만 먼저 공부하였다.. charset : 문자 인코딩에 대한 요약 정보를 기입하는 속성 http-equiv : 콘텐츠 속성 정보에 대한 http 헤더를 제공 name : 문서 정보 content : 메타데이터 내용.. 더보기
select, form 태그 [노베이스 게임개발 26일차] 오늘은 어제 배운 입력에 이어서 선택지를 고를 수 있도록 하는 select태그를 알아보았다. 선택지의 각 옵션들은 option태그를 이용한다. select도 name속성을 통한 식별을 할 수 있으며 select로 입력받은 각 옵션에 실제 처리될 값을 정할 수 있는데 이것은 value 속성을 통해 할 수 있다. 다음은 여러 줄의 일반적인 텍스트를 입력할 수 있는 textarea이다. input에는 한 줄밖에 입력할 수 없기 때문에 이러한 태그를 사용한다. textarea 또한 name속성을 이용하여 식별할 수 있다. 이제 예시를 보며 자세히 설명해 보겠다. 먼저 select태그 안에 태그를 넣어 선택지들을 추가해 준다. 이때 각 옵션들에 value 속성을 통해 해당 옵션을 클릭했을 때 컴퓨터가 인식할 수 .. 더보기
링크, 목록, 입력하기 [노베이스 게임개발 25일차] 오늘은 링크에 대해 알아보았다. 링크는 현재 문서에서 다른 문서로 이동할 수 있는 수단이다. 링크는 a (anchor) 태그를 이용한다. 이는 url로 연결할 수 있는 링크를 만들어 준다. a태그는 또 현재탭에서 열지 새로운 탭에서 열지 target속성을 이용하여 선택할 수 있다. 예시를 보며 더 자세히 공부해 보자. 먼저 a 태그는 의 구조를 가지고 있다. 위에서 네이버와 구글로 가는 링크를 만들어 주었고 사이트에서 확인하면, 이렇게 두 가지 링크가 만들어진다. 이때 a태그 사이에 텍스트가 있지만 여러 가지 요소가 올 수 있다. 이미지도 가능한데 예시를 들어보면, 가지고 있는 보노보노 사진을 이용하여 오른쪽과 같이 코드를 작성하면 보노보노를 클릭 시 네이버 화면으로 이동하게 된다. 예시로 들고 있는 링.. 더보기
이미지 태그, 컨테이너 태그, 전역 속성 [노베이스 게임개발 24일차] 이미지 태그 : 이미지를 표시할 때 사용하는 태그이다. src(source) 속성은 표시할 이미지의 위치정보와 파일명을 입력받는 속성이다. url을 통해 입력받는다. alt(alternative) 속성은 이미지가 로딩되기 전이나 로딩에 실패할 경우 대체하는 텍스트를 표시해 준다. 이미지를 볼 수 없는 시각장애인에게 alt의 정보를 알려줄 수 있다. 다음과 같은 속성을 통해 이미지 크기를 조절할 수 있다. 이때 너비와 높이는 픽셀(px) 단위로 적용된다. 만약 설정하지 않는다면 원본 파일의 크기 그대로를 표시한다. 예시를 만들어 보았다. 먼저 VSCode 좌측에 html파일이 있는 폴더에 새로운 폴더를 하나 만들어준다. 그 후 폴더에 원하는 이미지파일을 넣은 다음 해당 파일의 위치를 이렇게 넣어준다. 그다.. 더보기
HTML의 기본 구조와 텍스트 태그 [노베이스 게임개발 23일차] 오늘은 HTML의 기본 구조와 여러 텍스트 태그에 대한 공부를 하였다. 문서의 첫 부분에서 문서의 유형을 지정하는 단일태그. 현재 표준으로 사용하는 html 버전을 사용하기 위해 html 타입을 적어주었다. ~ 실제 문서의 시작과 끝을 나타내는 태그. 웹 브라우저에 필요한 정보들이 담겨있는 태그. head 내부에 들어가 있는 태그 문자 인코딩 및 문서 키워드 등에 대한 부가 정보를 기입하는 단일태그. charset="utf-8"이라는 속성을 이용하면 영문과 한글을 모두 사용할 수 있다. 인코딩은 문자 세트를 지정하는 것임. ~ 문서의 제목을 나타내는 태그. ~ 실제 브라우저 화면에 표시될 내용을 입력하는 태그. 텍스트, 이미지, 사용자 인터페이스 등을 표현하는 공간이다. 실제 사이트를 열어보면 title.. 더보기
HTML 공부 시작! [노베이스 게임개발 22일차] 게임을 개발하기 앞서 기본적인 웹사이트 개발에 대한 내용을 배우고자 한다. 이 공부를 통해 내가 원하는 사이트를 만들어 볼 수도 있고 기본적인 내용은 빠르게 배울 수 있다고 하여 이 과정을 먼저 선행하게 되었다. 학습은 클래스 101의 유노코딩님의 강의를 바탕으로 공부한 내용을 복습, 리뷰하는 식의 글을 쓸 예정이다. 먼저 HTML은 HyperText Markup Language의 약어로 HyperText는 하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트를 뜻하며 그것의 콘텐츠를 마크업 해주는 언어이다. 프로그래머가 HTML코드를 만든 후 웹 브라우저에 로딩하면 브라우저가 코드를 읽고 화면에 표현해 준다. 이러한 과정을 렌더링이라고 한다. HTML문서는 파일의 확장자가 html 혹은 .. 더보기
C언어의 추가 개념들 [노베이스 게임개발 21일차] 오늘은 c언어 입문 마지막 시간으로 추가 개념들을 정리하는 시간을 가졌다. 먼저 우리가 자주 사용하던 특수문장 대한 내용이다 특수문자 \n : 다음줄 \t : 다음 탭, 탭문자를 사용할 때 사용 프로그램마다 4칸에서 8칸을 띄워줌 \" : 따옴표, 문자열 내에 큰따옴표를 출력하고 싶을 때 사용 \0 : 널 문자, 문자열의 끝을 알려주는 문자 그다음은 변수의 타입에 대한 내용이다. 변수의 타입 타입 byte 최소값 최대값 비고 bool 1 0 255 참/거짓 char 1 -128 127 문자 short 2 -2^16 2^16-1 숫자 int 4 -2^32 2^32-1 숫자(가장 빠르게 연산) long 4 -2^32 2^32-1 숫자(64비트 = 8byte) long long 8 -2^64 2^64-1 숫자.. 더보기
MBTI 성격검사 만들기 [노베이스 게임개발 20일차] 오늘은 주어진 문장들을 가지고 MBTI 성격검사 프로그램을 만들어 보는 날이다.(해당 MBTI지문들은 강사님께서 임의로 만든 질문이므로 신빙성은 없습니다. 저작권 이슈때문에 직접 만드신 지문입니다.) 먼저 MBTI의 결과를 출력해 줄 char MBTI의 문자열을 4글자를 만들어주었다. 마지막에 널문자도 와야 하므로 5의 크기를 갖는 배열을 만들어 주었다. 그 후 각 질문에 해당하는 점수를 초기값 0으로 맞춰주어 이후 입력에 따라 값을 더하고 뺄 예정이다. 그리고 check는 앞으로 있을 질문들에 대한 답을 저장하는 변수이고 value는 저장한 답을 평가의 수치로 치환할 변수이다.(예를 들어 1을 입력하면 check에 1을 저장한 후 1번 답변에 받는 점수 예를 들면 3을 value에 저장해 줄 것이다.).. 더보기