데이터 LAB

1. node.js 와 npm (node.js package manager)을 깔아준다. node.js는 웹 브라우저 외부에서 JavaScript를 실행할 수 있게 하는 오픈 소스, 크로스 플랫폼 런타임 환경이다. 주로 웹 브라우저 내에서 사용자 인터페이스와 상호작용을 구현하는 데 사용되었다. 하지만 Node.js의 등장으로 JavaScript는 서버 사이드 프로그래밍 언어로서의 역할을 확장하게 되었다. npm은 Node.js 패키지 매니저(Node Package Manager)의 약자로, Node.js 언어로 개발된 모듈(라이브러리)들을 관리하는 데 사용되는 툴입니다. 이 도구는 JavaScript 개발자들에게 필수적이며, JavaScript 프로젝트의 의존성을 관리하고, 다양한 패키지를 쉽고 빠르게 ..

q1.쿱성비가 무엇인가요?a1.쿱성비는 통상적으로 프로틴 파우더 한스쿱을 떴을 때 섭취할 수 있는 단백질 양인 25g을 구매하는데 소요되는 비용을 알기 쉽게 표현한 단어입니다.q2.랭킹에 넣고 싶은 제품이 있어요! 어떻게 하나요?a2.하단의 이메일로 [쿱성비 제품 추가 건의]-제품명 말씀해주시면 즉시 추가 도와드립니다

새롭고 어려운건 당연히 하기싫다. 불안해지고 귀찮고 쳐다도보기 싫다. 하지만 당연히 해야한다. 해야하는 이유를 적고, 무얼 할건지 적고, 그 스텝을 나누어서 정한다. 그리고 세운 계획대로 실천한다.

조건문 if 기본형 if 조건 : 실행할 코드 elif 조건 : 실행할 코드 else : 실행할 코드 # if 다음에 괄호 없이 조건문 쓰고 ':' 써주고 엔터치고 tab 한번 누르고 실행할 코드 써주면된다. 조건문 if 로 list 요소값 존재 여부 검사하기 # if "요소값" in list zoo = [ "호랑이", "사자", "물개", "개" ] if "물개" in zoo : print("물개가 쪨좋아") else : print("무슨 동물원에 물개도 없냐") 조건문 if 로 dictionary 에서 원하는 값 출력해보기 # if "key값" in list menu = {"짜장" : 4000, "짬뽕" : 5000, "탕수육" : 9000} select = input("짜장, 짬뽕, 탕수육 중에 자..

코딩의 기본으로, 프로그래밍 언어의 인덱스 ( 색인, 위치 값)는 0부터 시작한다. 즉, 2번째 값은 인덱스 1이다. 파이썬은 들여쓰기가 중요하다. a = input("입력해보세요") print (a) 들여쓰기는 # 기호를 사용하면 된다. 본 글에서는 출력값을 보여주거나 설명할 때 주석 처리를 하고 작성할 것이다. list 자료형 선언하기 list = [ ] # 이렇게 선언해주면 된다. list 자료형 list = [ "첫번째 값", "두번째 값", "세번째 값" ] # 이런식으로 가고, 첫번째 값은 list[0], 두번째 값은 list[1] . . . 이런 식이다. list에 데이터 추가하기 # append() append() insert() list.append("추가 값") list에 순서 지정해 ..

자료형 dictionary는 이런 모양이다. dictionary = { "1번 키" : "1번 밸류", "2번 키" : "2번 밸류", "3번 키" : "3번 밸류" } 딕셔너리에 키랑 밸류값 추가하기 dictionary["4번 키"] = "4번 밸류" 딕셔너리의 밸류값 수정하기 dictionary["1번 키"] = "수정한 1번 밸류" 딕셔너리의 키 값 삭제하기 dictionary["1번 키"] 딕셔너리의 특정 밸류값 출력하기 print(dictionary["1번 키"]) --> 1번 밸류

CSS의 기본 2024.01.06 - [data lab] - CSS의 첫 시작, 기본 중의 기본 태그 모음 알아보기 (HTML CSS) 2024.01.11 - [data lab] - CSS 속성과 속성값 설명 CSS 태그 모음 CSS 속성과 속성값 설명 CSS 태그 모음 글꼴 관련 스타일 font-family 속성은 을 지정한다. 기본형 : font family: | [, ] ex) body { font-family: "맑은 고딕", 돋움, 굴림 } 기본형 기호 : | 의 중간이 뚫려있는, 마치 : 처럼 생긴 기호가 있는데, 일단 successdatalab.com 이어서, 블록 레벨 요소란, 태그를 사용해 요소를 삽입햇을 때 혼자 한 줄을 몽땅 차지하는 것을 가리킨다. 따라서 블록 레벨 요소의 좌측 혹은..

글꼴 관련 스타일 font-family 속성은 을 지정한다. 기본형 : font family: | [, ] ex) body { font-family: "맑은 고딕", 돋움, 굴림 } 기본형 기호 : | 의 중간이 뚫려있는, 마치 : 처럼 생긴 기호가 있는데, 일단 임의로 |로 표기하겠다. 이는 나열한 옵션 중 하나가 값이 되어야 한다는 의미이다. font-size 속성은 를 지정한다. font-size: | | | CSS 단위 종류 em 부모 요소 글꼴 대문자 M 너비 기준(1 em)으로 한 비율값 rem 문서 시작 부분(root)에서 지정한 크기를 기준으로 한 비율값 ex 해당 글꼴의 소문자 x의 높이를 기준 (1 ex)으로 한 비율값 px 모니터의 1픽셀을 기준(1px)으로 한 비율값 pt 포인트라고..

16진수로 색상을 표현하는 방식 color 속성은 글자색을 지정한다. 기본형 - color : 16진수 : 0부터 9까지의 10진수와는 다르게 0~9에 a~f 까지 총 16개의 기호로 나타내는 숫자의 크기이다. 가장 작은 것이 0, 가장 큰 것이 f 다. 웹 상에서 CSS가 색상을 표현하는 방식은 #RRGGBB 이다. 각 자리의 색이 하나도 없으면 가장 첫값인 00이고 가득 있으면 ff가 된다. 따라서 R 색이 하나도 없고 G 색이 가득있고 B 색이 하나도 없다면 #00ff00 이고, 이렇게 두자리씩 중복될 경우 #0f0 처럼 줄여 쓰는 것도 가능하다. hsl 과 hsla로 표현하는 방법 hsl은 Hue(색상)Saturation(채도)Lightness(명도)의 줄임말이며 뒤에 Alpha(명도)를 추가하면..

CSS가 뭔가요? HTML이 웹사이트의 내용을 작성하는 툴이라면 CSS는 사이트의 디자인을 작성하는 툴입니다. '반응형 웹사이트'라는 말을 들어보셨나요? CSS는 웹 브라우저의 크기와 모양에 따라서 화면의 레이아웃을 자동으로 바꿔주는 방법인 '반응형 웹 디자인'을 가능케합니다. PC용 페이지, 모바일용 페이지를 따로따로 만들지 않아도, 같은 내용에 다른 CSS만 적용되어서 사용자에게 맞는 화면을 표시한다는 뜻이죠. CSS는 Cascading Style Sheets 의 준말로, Castcade란 '위에서 아래로 떨어지는'이라는 뜻입니다. 이는 우선순위에 대한 내용으로, CSS는 가장 최근에 적용한 스타일을 최우선으로 적용하는 웹 디자인 툴입니다. 자세한 이야기는 밑에서 하겠습니다. 아래의 스크린샷은 유명한..