본문 바로가기

분류 전체보기

(38)
NextJS란? 편리한리액트를 쓰는데 왜 또 NextJS를 쓸까?Next.js는 React 라이브러리의 프레임워크리액트는 Client Side Rendering(CSR)을 사용SEO(Search Engine Optimization)를 위한 Server-Side Rendering(SSR)을 가능하게 한다.검색 엔진 최적화는 검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정이다. 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있게 한다반면, next.js는 pre-rendering을 통해 미리 데이터가 렌더링된 페이지를 가져올수 있게 해주므로 사용자에게 더 좋은 경험을 주고, 검색 엔진에 잘 노출 될 수 있도록 해준다.
NestJS use client 클라이언트 컴포넌트 는, 버튼 또는 검색창과 같이 사용자와 상호작용하는 작은 UI 들을 클라이언트 단에서 렌더링되는 컴포넌트를 뜻한다.서버 컴포넌트 란, 말 그대로 서버 부분에서 렌더링 되는 컴포넌트이다.사용자와 상호작용하는 버튼 또는 검색창 UI 등을 제외한 나머지가 서버에서 렌더링되는 방식이다.모든 컴포넌트는 !서버 컴포넌트 가 기본이다.!따라서 클라이언트 컴포넌트 로 사용하고 싶다면, 'use Client' 를 입력해주면 된다.'use client' 를 파일의 최상단(import 보다 위, 첫 번째 줄)에 입력하면, 하위 구성요소를 포함하여 해당 파일로 가져온 다른 모든 모듈이 클라이언트 번들의 일부로 간주된다."use client"; import { Button } from "@/component..
형이 드디어 취업해서 회사에서 화분도 오네요 긴 취준기간동안 고생 많았다~
깃허브 오류 - pull 때 로컬과 원격이 갈라진 상태 a11@11ui-MacBookPro peer-client % git pull origin main From https://github.com/swyp-peer/peer-client * branch main -> FETCH_HEAD hint: You have divergent branches and need to specify how to reconcile them. hint: You can do so by running one of the following commands sometime before hint: your next pull: hint: hint: git config pull.rebase false # merge hint: git config pull.rebase true # rebase h..
IDE와 IDLE IDLE (Python IDLE)IDLE은 Python에 내장된 기본 IDE로서, Python 설치 시 함께 설치되는 간단하면서도 유용한 개발 환경입니다. 이 환경은 초보자가 Python 프로그래밍을 시작하는 데 특히 유용하며, 기본적인 코드 편집, 실행, 디버깅 기능을 제공합니다. IDLE의 이름은 Python의 창시자인 Guido van Rossum의 존경하는 코미디 그룹 "Monty Python’s Flying Circus"에서 영감을 받은 것입니다.IDE (Integrated Development Environment)IDE는 코드 작성, 테스트, 디버깅을 위한 통합된 환경을 제공하는 소프트웨어 어플리케이션입니다. IDE는 일반적으로 소스 코드 편집기, 빌드 자동화 도구, 디버거 등을 포함하며, ..
0. WHY Python? codling: 사람 말 => 코드우리는 왜 코딩을 공부하는가?ai? 교양? 주변에서 필요하다고 해서? 그럼 왜 하필 파이썬인가?  본격적인 파이썬 공부에 앞서1. 파이썬이란?파이썬의 사전적인 의미: 비단뱀 1991년 네덜란드 컴퓨터 과학자 귀도 반 로섬(Guido van Rossum)이 좋아하는 코미디 프로그램인 "Monty Python's Flying Circus" 에서 따옴.확장자: .py확장자란? 파일의 성격을 구분지어 주는 꼬리표 ex) .hwp, .jpg, .txt, .pdf, .ppt, .avi  2. 파이썬 공부 순서   0) 파이썬에 대한 기본적인 지식과 기본적인 컴퓨터 구조   1) 문법(Bottom-Up Apporach)   2) 객체지향언어   3) 알고리즘(Top-Down Appr..
next.js 설치 및 설정 방법 1. 폴더에 들어간다. 2. 터미널에 npx create-next-app@latest . or npx create-next-ap 3. 설정은 다음과 같이 ✔ Would you like to use TypeScript? … No / Yes ✔ Would you like to use ESLint? … No / Yes ✔ Would you like to use Tailwind CSS? … No / Yes ✔ Would you like to use `src/` directory? … No / Yes ✔ Would you like to use App Router? (recommended) … No / Yes ✔ Would you like to customize the default import alias (@/*..
백준1000번 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. 한줄에 a와 b를 모두 받아야하는지 모르고 헤맸다.. map과 split을 활용하자. a, b = map(int, input().split()) c = a + b print(c)