🤓 슬기로운 개발생활 🤓 슬기로운 개발생활

기초지식 SSR(Server Side Rendering) 페이지 전체(html파일)을 서버로부터 받아와서 렌더링한다. (정적 웹사이트) CSR(Client Side Rendering) 리액트, 뷰와 같이 클라이언트 쪽에서 서버에게 데이터만 받아와서 입맛에 맞게 변형(동적 웹사이트) Next.js 란 풀스텍 웹 앱을 만들기 위한 도구이다. 서버사이드 렌더링에 최적인 도구이다. 개발환경 세팅 next.js 프로젝트 생성하기 npx create-next-app@latest . 위와 같은 파일이 생성되면 개발환경 세팅 끝 실행 npm run dev 샘플앱이 성공적으로 보이면 된다. https://nextjs.org/ Next.js by Vercel - The React Framework Next.js by Ve..

1. html canvas 이용하기 https://www.w3schools.com/html/html5_canvas.asp HTML Canvas W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 태그는 그래픽을 그리고 싶을 때 사용할 수 있는 태그이다. 때문에 오직 그래픽만을 canvas 태그 안에 넣을 수 있다. 실제 그래픽은 자바스크립트 코드를 활용해서 그린다. canva..

NGINX (엔진엑스) 란 아파치와 함께 대표적인 웹 서버 중 하나이다. 에어비엔비 사이트를 주소창에 치면 서버에서 필요한 데이터들을 받아와서 화면에 출력하게 된다. 근데 이때 필요한 데이터를 바로 에어비엔비 서버에 요청하지 않고 중간 서버인 엔진엑스와 같은 웹서버에 요청하게 된다. 바로 에어비엔비 서버에 요청하지 않고 웹 서버에게 요청하는 이유는 여러가지가 있다. 1. 바로 요청할 경우, 서버 요청이 너무 많아서 문제가 생긴다. 그걸 웹서버가 적절하게 조정해준다. 웹 서버 - 나무위키 이 저작물은 CC BY-NC-SA 2.0 KR에 따라 이용할 수 있습니다. (단, 라이선스가 명시된 일부 문서 및 삽화 제외) 기여하신 문서의 저작권은 각 기여자에게 있으며, 각 기여자는 기여하신 부분의 저작권 namu...

Set 메서드 pop() 아이템을 삭제할 때 사용하지만, 값을 랜덤으로 삭제한다. => 어떤 값이 삭제될 지 모른다. fruits = {"apple", "banana", "cherry"} x = fruits.pop() print(fruits); #{apple, "cherry"} print(x); #banana clear() clear 메서드는 set 안을 비워준다. 모든 값을 삭제해주는 메서드다. fruits = {"apple", "banana", "cherry"} fruits.clear() print(fruits); #set() del del 키워드는 set 자체를 삭제한다. fruits = {"apple", "banana", "cherry"} del fruits print(fruits); #NameE..

Set 다루기 값 읽어들이기 set 자료구조는 index, key 로 값을 읽어들일 수 없기때문에 반복문으로 순회를 돌면서 값을 읽어들여야 한다. fruits = {"apple", "banana", "cherry"} for x in fruits: print(x) 값 존재 여부 확인 fruits = {"apple", "banana", "cherry"} print("apple" in fruits) #true 값 바꾸기 set 은 수정할 수 없지만 아이템을 추가할 수는 있다. add() : 값 추가하기 fruits = {"apple", "banana", "cherry"} fruits.add("kiwi") print(fruits) 다른 set 을 현재 set 에 추가하고 싶다면 update() 메서드를 사용한다..

Set set 역시 앞에서 봤던 리스트, 튜플처럼 여러값을 하나의 변수에 담고 싶을 때 사용할 수 있는 자료구조이다. CREATE {} 중괄호를 사용하여 생성한다. fruits = {"apple", "banana", "cherry"} print(fruits) #또는 set() 생성자 사용 fruits = set(("apple", "banana", "cherry")) print(fruits) Set 자료구조는 1. unordered : 순서가 없다. 순서가 없기 때문에 index, key 를 이용해서 값을 읽을 수 없다. fruits = {"apple", "banana", "cherry"} print(fruits[0]) #typeError : 'set' object is not subscriptable 2..

튜플 다루기 튜플 순회하기( for loop ) fruits = ("apple", "banana", "cherry") for item in fruits: print(fruits) 인덱스번호로도 for 반복문을 돌릴 수 있다. fruits = ("apple", "banana", "cherry") for i in range(len(fruits)): print(fruits[i]) #apple banana cherry while 반복문 돌리기 fruits = ("apple", "banana", "cherry") i = 0 while i < len(fruits): print(fruits[i]) i = i + 1 #apple banana cherry 튜플끼리 합치기 fruits = ("apple", "banana"..

튜플 다루기 튜플 읽어들이기 fruits = ("apple", "banana", "cherry") print(fruits[1]) #뒤에서부터 읽어들이기 print(fruits[-1]) #인덱스 범위로 접근하기 print(fruits[1:2]) #"banana" print(fruits[:2]) #"apple", "banana" print(fruits[1:]) #"banana", "cherry" 특정한 값 존재 여부 확인하기 in을 사용한다. fruits = ("apple", "banana", "cherry") if "apple" in fruits: print("apple is in the fruits tuple") 값 변경하기 튜플은 한 번 만들어진 후에는 값을 변경할 수 없다. 만약 값을 변경하고 싶다면..