데이터 LAB

expo가 그렇게 좋대서 시작해본다.expo 란걸로 하면 그렇게 쉽다길래 expo를 설치하려고했다. node.js 는 이미 설치되어 있다. vscode의 zsh 터미널을 사용했고, 맥북의 데스크톱에 code 폴더를 만들고 안에 expo240705 라는 폴더를 만들었다 근데 계속 무슨 npm의 권한이 시스템에 접근하려고 한다고 뭐 expo도 안깔리고 yarn도 안깔리고 난리다. npm은 기본적으로 글로벌 패키지를 시스템 디렉토리(예: /usr/local/lib/node_modules)에 설치하려고 하는데, 여기에 일반 사용자의 쓰기 권한이 없어 문제가 생긴단다. mkdir ~/.npm-global위 명령어로 홈 디렉토리에 접근권한이 이는 디렉토리를 새로 생성해주고.( 홈 디렉토리란, 사용자에게 주어진 공간..

SSR - 서버사이드 렌더링 - 렌더링을 서버에서 해주는거래. SPA 말고, 페이지 여러개로 하는 전통적인 html 방식?CSR - 클라인트 사이드 렌더링 - 옹 1. usestate 훅의 기본구조const [stateVariable, setStateFunction] = useState(initialState); 여기서, 변수 선언을 하는 const와 usestate말고는 다 내가 정해주는 변수, 함수명이다. 상태값을 저장하는 변수와, 상태값을 업데이트하는 함수를 선언해준다.  sateVariable은 내가 선언해준 변수명, setStateFunction은 내가 선언해준 함수명이다. 그리고 저 initialState는 count의 초기값일거다.import React, { useState } from 'r..

? 연산자는 JavaScript에서 삼항 조건 연산자(ternary operator)라고 불립니다. 이 연산자는 세 개의 피연산자를 받아서 조건에 따라 값을 반환합니다. 삼항 조건 연산자는 if-else 문을 한 줄로 줄여 쓸 수 있게 해주는 간단한 조건 연산자입니다.구문삼항 조건 연산자의 구문은 다음과 같습니다:javascript코드 복사condition ? expr1 : expr2condition: 평가될 조건식입니다. 이 조건이 true인지 false인지에 따라 반환값이 결정됩니다.expr1: 조건식이 true일 때 반환되는 표현식입니다.expr2: 조건식이 false일 때 반환되는 표현식입니다.

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

조건문 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(명도)를 추가하면..