분류 전체보기 251

class / id / 태그 셀렉터 우선순위

css에서 호출 보통은 원하는 곳에 class를 붙여주고, 그 붙인 이름을 가져와서 아래처럼 쓴다. class selector(10점 짜리) . class 이름 { } 가끔 태그 자체로 호출하는 경우도 있는데, 예를들면 모든 를 가운데 정렬 하고 싶다면. tag selector(1점 짜리) p{ text-alingn : center; } 또 class가 아닌 id명을 붙여서 그걸로 불러올 수 도 있다. 그럴때는 . 이 아닌 #을 붙임. id selector (100점 짜리) # id이름 { } 그러나 자바스크립트를 개발할때 주로 사용하기 때문에 스타일을 위해서 잘 쓰지 않는다. 만약 내용에 대해 서로 다른 주장을 하고 있다면, style="" (1000점) #id (100점) .class (10점) p ..

카테고리 없음 2023.06.22

css 셀렉터 문법(공백, >, nth-child(몇번째))

css 셀렉터 문법 1. 공백으로 지칭 .navbar li { } 이 말은 navbar라고 명명된 태그 안에 모든 태그들에게 모두 적용시킬 꺼야 라는 의미. 모든 자손 태그 적용. 2. > 으로 지칭 .navbar>li { } 이 말은 navbar라고 명명된 태그 안에 직계 태그들만 적용시킬꺼야 라는 의미. 직계 자손 태그만 적용. 3. nth-child(몇번째) 이렇게도 지칭 가능 nth-child(n) 셀렉터. = n번째 등장하는 요소만 스타일링 할때 쓴다. .class명 자식태그 nth-child(몇번째){ } 일일이 class명을 붙이지 않아도 이렇게 쓸수 있다는 점 알아두기 테이블에서 원하는 순서의 셀에 스타일줄 때 가끔 유용하게 사용합니다. 숫자 대신even 라고 쓰면 짝수인 애들만, odd ..

카테고리 없음 2023.06.18

css 기초 다잡기.

이미지 가운데 정렬 display: block; margin-left: auto; margin-right: auto; 글자 가운데 정렬 text_align : center; 글자 글자간 간격 조정 춘식이 글자 굵게 style = " font-weight: 굵기 설정하기." 혹은 span태그로 감싼 글자만 굵게 하려면 strong태그로 바꿔준다. CSS파일 링크로 걸어두기. rel 은 지금 이 링크거는애 작업하는 애랑 어떤 관계인지 말해주는거 파일의 경로를 적을때 파일이 작업폴더 안에 파일로 존재한다면 그냥 파일명만. 그렇지 않고 작업 폴더 안에 다른 폴더로 존재한다면 폴더명/파일명 이렇게. 경로에 따라서 달라짐. display:block을 기본적으로 가지고 있는 태그들 div, p, h1~6 css는 i..

HTML CSS 2023.06.12

html 개념 되집기. 이미지를 클릭하면 설정한 링크로 이동하기.

웹페이지 만들때 쓰는 언어. html. (하이퍼 택스트 마크업 랭귀지 약자) mark up 언어. --->>> 자료들이 어떻게 생겼나. 구조를 표현하기 위한 언어. 메인페이지의 경우 보통 index라고 작성함. img 태그 끝나는 태그 없음. 이미지 태그 안에 src라는 속성 기입. 주소로 가져올게 아니라면, 이미지파일 작업 폴더 안에 넣어야 함. 그래야 왼쪽 파일트리에 해당 파일이 뜨고, 그걸로 인해 따옴표 안에 이미지 이름(혹은 경로) 만 넣어서 가져올 수 있음. 링크로 갈수 있게 하지만. href = " " 속성을 같이 사용하여야 링크로 갈수 있음. 따옴표 안에는 링크 걸 주소. , 이러면 같이 쓰임. 만약 번호를 집어넣어서 리스트화 하고 싶다면, 대신에 로. 글자를 감쌀수 있는 태그. 글..

HTML CSS 2023.06.12

스파르타 웹종 배포하기.

og태그 내 웹서비스 런칭. 내 컴퓨터를 끄지 않으면, 사람들이 이걸 계속 볼 수 있다. 근데 그럴수 없으니까, 인터넷 환경에서 컴퓨터를 대여한다. 그게 가장 유명한 클라우드 회사가 aws 그중에서도 Elastic Beanstalk 서비스가 굉장히 쉬움.. - 터미널 준비하기 - mkdir deploy 폴더 만들어줘 cp app.py deploy/application.py app.py 라는 파일을 방금 만든 deploy라는 폴더로 복사해줘 cp -r templates deploy/templates templates 폴더를 통채로 복사해줘 pip freeze > deploy/requirements.txt requirements.txt 라는 파일에 우리가 여태까지 설치한 라이브러리 들을 적어달라는 말. cd..

카테고리 없음 2023.06.06

스파르타 웹종 정리 sql / nosql / mongoDB

sql 칸이 정해져 있고, 거기에 데이터를 넣는다. rdbms 라고 하기도 함. nosql 정형화된 틀이 없고, 데이터를 내 마음대로 넣어줄 수 있다. not only SQL이라는 말. 대표적인게 mongo DB db 데이터를 잘 쌓고 잘 가져갈수 있도록 도와주는거. 요즘에는 클라우드 환경의 db가 많다. 최신 클라우드 서비스인 mongoDB 아틀라스 써보장. mongoDB를 조작하기 위한 준비 pymongo dnspython 이 두개 설치해야함 터미널 란에 각각 이렇게 입력후 엔터 해준다. pip install dnspython pip install pymongo pymongo 기본코드 from pymongo import MongoClient client = MongoClient('여기에 mongoDB..

카테고리 없음 2023.06.05

스파르타 웹종 정리 크롤링 / mongoDB 오류 [SSL: CERTIFICATE_VERIFY_FAILED] / 인터프리터 어딧어!!

크롤링 웹페이지에서 어떤 정보들을 가지고 온다는 이야기. 크롤링을 위한 준비. python 라이브러리를 담을 폴더 생성 1. 파이썬 인터프리터 선택. 우측 맨 하단 파이썬 버전 선택 누르고 추천 표시로 2. 터미널 창에 입력 python3 -m venv venv 3. 새터미널 실행 하면 터미널에 (venv)가 적힌채로 나옴. 이게 무슨말이냐면 라이브러리를 venv 폴더에다 깔꺼야 라는 말. 4. requests 설치 . 터미널에 이렇게 입력 pip install requests (여기서 잠깐!! requests 가 뭔데?? 우리 fetch에서 썻던 기능과 비슷해 . 데이터를 가져와서 그럴 이용해서 뭔가 할 수 있지 를 한 후에 pip install bs4 라고 터미널에 입력후 설치하기. 크롤링으로 가져온..

카테고리 없음 2023.06.05

스파르타 웹종 정리 Python

python에서 실행. 그냥 엔터쳐서 아래에 터미널에서 확인햇던 것과 달리 python에서는 저장후 마우스 우클릭, 파이썬실행, 터미널에서 파이썬 파일 실행 이라는 버튼을 눌러줘야만 한다. 아니면 터미널에 python 파일명.py 라고 입력하면 실행됨. python 에서의 함수. def hey(): print('헤이!') hey() 함수의 모양이 많이 바뀌었다. 그리고 지금까지는 console.log() 를 통해서 터미널에서 확인했는데, 파이썬에서는 print()를 통해서 확인한다. 그런데 이경우에는 함수를 사용한 거니까, 그 함수만 호출해 줘도 짠 하고 실행된 결과물이 나온다는 사실!! python 에서의 함수. 다른 예제를 살펴보자. def sum(a,b, c): return a+b+c result ..

카테고리 없음 2023.06.05

스파르타 웹종 정리 HTML / CSS / JavaScript / JQuary

css div에 이미지 삽입 하고, 맞춰서 보이도록 하기. background-image : url('https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg'); background-position : center; background-size : cover; div 안에 내용물 정렬할때 display : flex; flex-direction: column; align-items ; center; justify-content : center; 삽입한 이미지 약간 어둡게 할때. linear-gradient(0deg, rgba(255, 239, 239, 0.2), rgba(248, 203, 203, 0.2))..

카테고리 없음 2023.06.05

SQL 프로그래머스

문제 설명 다음은 어느 의류 쇼핑몰에 가입한 회원 정보를 담은 USER_INFO 테이블입니다. USER_INFO 테이블은 아래와 같은 구조로 되어있으며 USER_ID, GENDER, AGE, JOINED는 각각 회원 ID, 성별, 나이, 가입일을 나타냅니다. Column name Type Nullable USER_ID INTEGER FALSE GENDER TINYINT(1) TRUE AGE INTEGER TRUE JOINED DATE FALSE GENDER 컬럼은 비어있거나 0 또는 1의 값을 가지며 0인 경우 남자를, 1인 경우는 여자를 나타냅니다. 문제 USER_INFO 테이블에서 2021년에 가입한 회원 중 나이가 20세 이상 29세 이하인 회원이 몇 명인지 출력하는 SQL문을 작성해주세요. sel..

SQL 2023.06.04