20대의 자산

1. 전체 선택자(*) 스타일을 모든 요소에 적용할 때 사용합니다. 전체 선택자는 한 번에 많은 요소를 선택하고 한꺼번에 스타일을 적용하기 위해 사용합니다. * { padding: 0; margin: 0; } 2. 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일을 적용합니다. h2 { color: orange; } * 상속 : 부모 요소의 속성 값이 자식 요소에게 적용되는 속성입니다. 3. id 선택자(#) 아이디 선택자는 웹 문서 안의 특정 부분에 스타일을 지정할 때 사용합니다. # 기호를 사용하여 id 속성을 가진 요소에 스타일을 지정합니다. 안녕하세요. #hello { color: red;} /* 요소에 관계없이 id hello인 요소를 선택합니다. */ h2#hello { color: red;}..

WEB-Front end/*CSS 2022. 11. 10. 21:44

HTML의 주석 HTML 문서에 영향을 주지 않는 설명을 기술하는 구간을 주석문이라고 합니다. HTML 문서의 주석은 끝납니다. 문단 태그 문단이란 내용상 끊어서 구분할 수 있는 부분을 의미하고 태그를 이용하여 표현합니다. 제목 태그 HTML은 제목을 표현할 수 있는 다양한 크기의 태그를 제공합니다. 가장 큰 태그부터 가장 작은 태그까지의 크기로 제목을 표현할 수 있습니다. 제목 제목 제목 제목 제목 제목 * 검색엔진은 각 웹사이트의 내용을 태그를 통해 키워드를 수집합니다. 따라서 HTMl 문서에 포함되는 제목은 태그로 작성하면 검색엔진에 노출되는 확률을 높일 수 있습니다. 서식 태그 , , , , , , 텍스트를 굵게 표현하고 싶을 때 사용합니다. 와 표현이 동일하지만 사용 용도가 다릅니다. 태그는 단..

카테고리 없음 2022. 10. 12. 12:39

자바스크립트란? 자바스크립트가 어떤 특징이 있고 무엇을 할 수 있는지 한번 알아볼게요. 웹사이트를 만들때 HTML + CSS + JAVASCRIPT에 대해서 자주 보실텐데요. HTML이 웹 사이트의 구조를 만든다면 CSS는 꾸며주는 역할을하고 JAVASCRIPT는 생동감을 불어넣는 역할을 합니다. 이 자바스크립트는 웹사이트를 만들때 빠질 수 없는 언어입니다. 자바스크립트로 작성한 프로그램을 스크립트(script)라고 부르며, 웹페이지의 HTML안에 작성이 가능하고, 웹 페이지를 불러올 때 스크립트가 자동으로 실행되어 동적인 이미지를 자동으로 보여줍니다. 자바(JAVA)랑 같은건가요? 자바(Java)는 1995년 썬 마이크로시스템즈에서 발표한 객체 지향 프로그래밍 언어이므로 자바스크립트와는 전혀 다른 언어..

WEB-Front end/*JAVASCRIPT 2022. 7. 11. 16:30

모든 태그의 종류와 기능을 다 알고 쓸 수는 없고, 그 중에서 개발자분들께서 제일 자주 쓰는 태그들를 한번 모아봤어요^^ 이미지 출처 : https://www.advancedwebranking.com/html/ 본문을 설명해 주지만 브라우저에는 보이지 않습니다.(눈에 보이지 않는 틀임) 표지나 작품등의 제목을 가리킵니다.(설정하지 않으면 파일명이 제목이 됨) HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의할 때 사용합니다. 레이아웃을 나누는데 주로 쓰입니다. 다른 태그와 다르게 특별한 기능을 갖고 있지는 않고, 가상의 레이아웃을 설계하는데 쓰이며, 주로 CSS와 연동하여 쓰입니다 width, height, margin-top, margin-bottom ..

WEB-Front end/*HTML 2022. 7. 11. 15:09

CSS란? CSS는 Cascading Style Sheets 약자로, HTML, XHTML, XML 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어입니다. CSS장점 1. 정보(HTML)와 디자인(CSS)를 분리하여 관리할 수 있습니다. 2. 검색엔진이 HTML을 해석 가능하게 하여 더 많은 방문자들이 방문할 수 있도록 유도할 수 있습니다. - 시각장애인을 위한 스크린리더 프로그램이 HTML문서를 해석할 수 있도록 할 수 있습니다.(웹 접근성) HTML로 문서의 뼈대를 만들면 CSS는 이 문서를 꾸며주는 역할을 하는데요. 글꼴, 글자나 사진의 위치, 배경색 등 지정을 하거나 아이폰, 아이패드, 웹 브라우저에 따라서 화면의 크기가 다르게 나타낼 수 있도록 지정도 가능합니다. CSS를 지정하는 방법은 3..

WEB-Front end/*CSS 2022. 7. 9. 22:27

주식, 부동산, 경제 뉴스를 보면 코스피 지수가 올라갔고, 코스닥 지수가 내려갔다란 글이 많은데, "이 코스피와 코스닥이 뭐야?" 하고 궁금해 하실 수 있어요^^ 오늘은 코스피과 코스닥이 무엇인지 알아보고, 코스닥과 코스피의 차이가 어떤것인지 한번 짚고 넘어가 보기로 해요. 일단 코스피와 코스닥을 알기 전에 주식부터 알아봅니다. 주가는 주식의 가격을 의미하며. 주식은 회사의 소유권을 의미합니다. KOSPI, KOSDAQ 둘 다 이런 주가지수를 나타내고 사고파는 증권시장입니다. 이 두 개가 한국의 주식 시장을 대표하는 장터라고 생각하시면 쉬워요. 그럼 코스피 시장이란 뭘까요? 코스피는 대한민국을 대표하는 제1의 유가증권 시장입니다. 1956년 개장하였으며 삼성 전자, 네이버, 포스코 등 한국 대기업들과 계..

🍌주식 기록🏃🏼‍♀️🤸‍♀️🏄🏽‍♀️/♕♚인생 지혜 기록장♛♔ 2022. 7. 9. 20:51

https://www.tstrillion.com/?NaPm=ct%3Dl5c03w7v%7Cci%3Dcheckout%7Ctr%3Dds%7Ctrx%3D%7Chk%3D54fb8013487317910f22b249894e403afb5f5a09 TS샴푸 꼭꼭 감아라~ 머리카락 빠질라~ www.tstrillion.com 오늘 소개할 종목은 탈모 샴푸를 전문으로 하는 TS트릴리온 입니다. 기업실적 분석을 2021년 기준으로 해본다면 매출액 499억원, 영업이익 -76억원, 당기순이익 -68억원으로 마이너스는 큰 의미가 없구요, 계속 성장을 하는 탄탄한 회사이기 때문에 상관이 없습니다. 이것 때문에 회사가 망한다는건 말도 안되므로 투자하는데 이 만큼 좋은 회사는 없다라고 봅니다. 일단, 이 회사가 생겨나게 된 일화를 보면..

🍌주식 기록🏃🏼‍♀️🤸‍♀️🏄🏽‍♀️/🐣저평가 수혜주 코스닥 발굴🐥 2022. 7. 9. 17:46

예전에 만들었던 프로젝트인데 도메인 만료 에다가 API기간도 만료되고 서비스도 종료되서 프로젝트를 다시 불러 올 수 없었다.그래도 열심히 만들었는데 내버려 두자니 아까워서 다시 살렸다. 컨셉을 바꿔 영화가 아니라 마음에 드는 사진을 기록할 수 있게 다시 재구성 하였다. 처음에 사진 링크를 넣을 때 계속 인코딩이 안된 화면만 나와서 단위 테스트로 계속 타고 올라가서 어디서 부터 문제 였는지 살펴본 후,문제 점을 찾았다.파이썬으로 사이트 크롤링을 할 때 아래 있는 og태그가 다 일치 해야한다.특히 사진을 가지고 오는게 큰 목적이라 사이트 전체를 분석해준다, 사진만 나온 페이지가 아니라 사진이 속해 있는 사이트도 같이 나와야 하는것. 왼쪽은 사진 주소만 나와 있는것이고 오른쪽은 사진을 제공해준 사이트 주소도 ..

WEB-Front end/*웹사이트 만들기 & 토이 프로젝트 2022. 7. 3. 17:32