grasinnong-developer.tistory.com Open in urlscan Pro
27.0.236.143  Public Scan

Form analysis
1 forms found in the DOM

GET

<form action="" method="get">
  <legend><span class="blind">컨텐츠 검색</span></legend>
  <input type="text" name="search" title="Search" placeholder="Search" value="" class="inp_search" onkeypress="if (event.keyCode == 13) { try {
    window.location.href = '/search' + '/' + looseURIEncode(document.getElementsByName('search')[0].value);
    document.getElementsByName('search')[0].value = '';
    return false;
} catch (e) {} }">
  <button type="button" title="검색어 삭제" class="btn_search_del"></button>
</form>

Text Content

 * 홈
 * 태그
 * 방명록

 * 분류 전체보기 (74)
   * 자바스크립트 (5)
   * TIL (13)
   * 리액트 (4)
   * 타입스크립트 (0)
   * Authentication(인증) (2)
   * Web Architecture (3)
   * tdd (2)
   * deployment (1)
   * data structure (4)
   * webpack (2)
   * CSS (6)
   * algorithm (1)
   * HTML (2)
   * 네트워크 (0)
   * linux (1)
   * Node.js (1)
   * Database (0)


인기포스트

 * 🌐 AWS 배포 | 도메인 구매 후 aws S3 버킷⋯
 * 🗂️ 자료구조 공부하기 3 | 연결 리스트 (Linke⋯
 * 🗃️ 알고리즘 | 재귀 함수(Recursion), 피⋯
 * 🪗 아코디언 메뉴 만들기


ABOUT ME



 * 트위터
 * 인스타그램

Today 9 Yesterday 12 Total 7,478


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

메뉴 검색
컨텐츠 검색


전체 글

 * Next.js | 개발환경 세팅, 실행
   카테고리 없음 2023. 12. 25. 09:07
   
   기초지식 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..
   
   Read More
   
 * HTML | Canvas
   카테고리 없음 2023. 12. 25. 09:07
   
   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..
   
   Read More
   
 * NGINX
   카테고리 없음 2023. 12. 18. 21:03
   
   NGINX (엔진엑스) 란 아파치와 함께 대표적인 웹 서버 중 하나이다. 에어비엔비 사이트를 주소창에 치면 서버에서 필요한 데이터들을
   받아와서 화면에 출력하게 된다. 근데 이때 필요한 데이터를 바로 에어비엔비 서버에 요청하지 않고 중간 서버인 엔진엑스와 같은 웹서버에
   요청하게 된다. 바로 에어비엔비 서버에 요청하지 않고 웹 서버에게 요청하는 이유는 여러가지가 있다. 1. 바로 요청할 경우, 서버 요청이
   너무 많아서 문제가 생긴다. 그걸 웹서버가 적절하게 조정해준다. 웹 서버 - 나무위키 이 저작물은 CC BY-NC-SA 2.0 KR에 따라
   이용할 수 있습니다. (단, 라이선스가 명시된 일부 문서 및 삽화 제외) 기여하신 문서의 저작권은 각 기여자에게 있으며, 각 기여자는
   기여하신 부분의 저작권 namu...
   
   Read More
   
 * 파이썬 | #11 set 메서드 다루기
   카테고리 없음 2023. 10. 29. 23:56
   
   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..
   
   Read More
   
 * 파이썬 | Set 다루기
   카테고리 없음 2023. 10. 23. 23:28
   
   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() 메서드를 사용한다..
   
   Read More
   
 * 파이썬 | #10 Sets
   카테고리 없음 2023. 10. 20. 21:33
   
   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..
   
   Read More
   
 * 파이썬 | #9 튜플 (반복문, 메서드)
   카테고리 없음 2023. 10. 11. 01:23
   
   튜플 다루기 튜플 순회하기( 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"..
   
   Read More
   
 * 파이썬 | #8 튜플 다루기
   카테고리 없음 2023. 9. 17. 23:40
   
   튜플 다루기 튜플 읽어들이기 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") 값 변경하기 튜플은 한 번 만들어진 후에는 값을
   변경할 수 없다. 만약 값을 변경하고 싶다면..
   
   Read More
   

이전
1 2 3 4 ··· 10
다음


인기포스트

 * 🌐 AWS 배포 | 도메인 구매 후 aws S3 버킷⋯
 * 🗂️ 자료구조 공부하기 3 | 연결 리스트 (Linke⋯
 * 🗃️ 알고리즘 | 재귀 함수(Recursion), 피⋯
 * 🪗 아코디언 메뉴 만들기


ABOUT ME




LINK


ADMIN

admin 글쓰기
7,478 9 12
Designed by Tistory.


티스토리툴바

🤓 슬기로운 개발생활구독하기






닫기


단축키


내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W


블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C


모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.