전체 글 32

Vagrant를 이용하여 Ubuntu 리눅스 및 nginx 설치

C:\Users\> cd /C:\> mkdir vagrantC:\> cd vagrantC:\vagrant> code . vs 코드에서 파일 생성  # -*- mode: ruby -*-# vi: set ft=ruby :Vagrant.configure("2") do |config| config.vm.box = "generic/ubuntu2204" config.vm.host_name = "nginx-server" config.vm.provision "shell", inline: Hello, World!" | sudo tee /var/www/html/index.html SHELLend​   CMDC:\vagrant> vagrant upC:\vagrant> vagrant statusCurre..

클라우드/Docker 2024.09.10

Python 설치

설치로 시작한다.전에는 Jupyter Notebook 으로 시작하여 Anaconda Python 을 설치하여 사용했으나이번엔 그냥 기본 python 을 설치하여 사용해보았다. 설치 url : https://www.python.org/downloads/?source=post_page-----b030d96bcbd0-------------------------------- Download PythonThe official home of the Python Programming Languagewww.python.org 다운로드 후 설치파일을 연다.  Add python.exe to PATH 꼭 클릭해준다 : 이걸클릭해야 어디서든 python 을 열수있다.나머지는 Defualt 값으로 설치했다.  이후 명령프롬포..

백엔드/Python 2024.09.09

React Hook

함수형 컴포넌트에서 클래스형 컴포넌트에서 제공하는 기능을 지원하기 위해서 도입된 함수.​use 접두어를 사용한다.useStateusePropsuseRefuseEffect등...​​​useState함수형 컴포넌트에서 상태 (state) 변수를 관리하기 위해 사용하는 훅 함수[상태변수의 초기값, 상태변수의 값을 변경하는함수 ] 배열을 반환​useEffect클래스형 컴포넌트의 componentDiMount, componentDidUpdate, componentWillUnmount를 합친형태사용법 : useEffect(이펙트 함수, 의존성 배열);*의존성 배열 : 이펙트함수가 의존하고있는 배열 / 배령 안에있는 변수 중 하나라도 값이 변경되었을 때 이펙트 함수가 실행 => 이펙트 함수의 실행 여부를 결정​​us..

get, post, 오류코드 간단정리

이전에 get과 post를 동적, 정적으로만 어렴풋이 이해를했는데...​get : 요청한것이 주소창에post : 요청한것이 본문에​였다.​​​오류1xx : 정보​2xx : 성공​3xx : 리다이렉트 - 요청을 다른요청으로 바꾸어서 전달.ex) 로그인 성공시 로그인후의 메인페이지나 마이페이지로 나오는현상​4xx : 에러 - 잘못이 클라이언트쪽에 있음​5xx : 에러 - 잘못이 서버측에있음

카테고리 없음 2024.09.09

Python(집합자료형)

컬렉션 타입 : 여러개의 요소를 포함하는 자료형 문자형 : "hello" -> 중복허용 $리스트형 : [1,2,3,4] -> 중복허용 튜플형 : (1,2,3,4) -> 중복허용 딕션너리형 : {'국어' : 95, '영어': 100, '수학': 95} -> 중복 : 하면안되지만 문법으로는 가능 집합자료형 : 변수 = set([컬렉션 타입 데이터]) 파이썬은 데이터값들이 중복값이 허용되어지는 자료형이 많기때문에 집합자료형을쓴다. s1 = set([1,2,3,1,2,3]) print(s1) >>> {1,2,3} 사용하는이유는 * 중복된 요소 제거를 위해 * 값들에 어떤 요소가 포함되어있는지를 파악할때(속도가빠름) * 수학적 집합연산을 위해 교집합(변수1 & 변수2 o..

카테고리 없음 2024.03.08

font, link, 밑줄

font-size : 글자크기 letter-spacing : 자간 width : 단락의 너비 line-height : 줄간격 font-weight : 굵기 color : 글자색 background : 배경색 ​ border(테두리) : 1px(굵기) solid(실선) #ccc(색상); padding : 테두리와 내용 사이의 패딩 여백 margin : 단락 주변의 마진여백 ​ a:link : 링크 방문전 a:visited : 링크 방문 후 a:hover : 링크에 마우스 올렸을때 a:active : 링크 클릭했을때 상태 ​ white-space: nowrap; : 줄바꿈 없음 overflow: hidden; : 넘치는 부분 감춤 text-overflow: ellipsis; : 말줄임표 overflow: v..

프론트엔드/CSS 2024.02.13

글꼴, 취소선, list

@font-face : 사용자 정의 폰트 > .eot : 마이크로소프트에서 만든 웹 폰트포맷 (IE 6~8 버전에서 사용됨.) > .ttf : TrueType 기술을 사용하여 만든 웹 폰트 포맷( 모든브라우저에서 지원) >.woff : W3C에서 제안된 웹 폰트 포맷 **다른 포맷에비해 용량이적음(대부분의 브라우저에서 지원) * font-weight 속성 값 normal: 기본 값 bold: 굵은 폰트. bolder: 현재 폰트보다 더 굵은 폰트. lighter: 현재 폰트보다 더 얇은 폰트. 100~900: 100부터 900까지 값이 커질수록 폰트가 더 굵어짐. initial: 요소의 기본 font-weight 값을 사용. inherit: 부모 요소의 font-weight 값을 상속. unset: 속성..

프론트엔드/CSS 2024.02.13