1. 표준 입력파이썬에서 사용자로부터 입력을 받는 가장 기본적인 방법은 input() 함수를 사용하는 것이다.input() 함수는 프로그램 실행 중 사용자의 키보드 입력을 받아들인다. 1.1. input() 함수의 기본 사용법input() 함수는 프롬프트 메시지를 선택적으로 받아 사용자에게 표시할 수 있다. ex)name = input("이름을 입력하세요: ")print(f"안녕하세요, {name}님!") 위 코드를 실행하면 "이름을 입력하세요: "라는 프롬프트가 표시되고, 사용자가 이름을 입력하면 그 값이 name 변수에 저장된다. 1.2. input() 함수의 특징input() 함수를 통해 입력받은 값은 항상 문자열(str) 타입이다.숫자를 입력받아도 문자열로 저장되므로, 필요에 따라 형변환을 해주어..
1. 프론트엔드와 백엔드 통신의 기본 원칙1.1. 보안 측면프론트엔드를 DB에 직접 연결하면 인증정보가 클라이언트 코드에 노출되어 보안 취약점이 발생한다.민감한 정보는 백엔드에 보관하고 프론트엔드에서 API를 통해 요청하는 방식이 표준 아키텍처이다.이러한 분리는 보안뿐만 아니라 유지보수성과 확장성도 향상시킨다. 1.2. 클라이언트-서버 모델프론트엔드는 UI 렌더링과 사용자 상호작용에 집중한다.백엔드는 데이터 처리, 비즈니스 로직, 인증, 데이터베이스 작업을 담당한다.API를 통해 두 계층이 통신하며, 각 계층은 독립적으로 개발 및 스케일링이 가능하다. 2. fetch API2.1. 기본 개념fetch API는 브라우저 내장 API로, 리액트 고유 기능이 아닌 웹 표준 API이다.네트워크 요청을 보내고 응..
1. 조건문조건문은 프로그램의 흐름을 제어하는 핵심 요소이다.파이썬의 조건문도 다른 프로그래밍 언어와 유사하지만, 문법적 특징에서 차이가 있다. 1.1. if 문의 기본 구조if 문은 조건이 참(True)일 때 코드 블록을 실행한다.파이썬에서는 if 다음에 조건을 넣고 끝에 콜론(:)을 반드시 붙인다.조건 다음 줄부터는 들여쓰기로 코드 블록을 구분한다. ex)age = 25if age >= 18: print("성인입니다.") # 들여쓰기로 코드 블록을 표시 print("입장이 가능합니다.")print("이 문장은 항상 실행됩니다.") # 들여쓰기가 없으므로 if문과 무관 1.2. else와 elif조건이 거짓(False)일 때 실행할 코드는 else 문을 사용한다.여러 조건을 순차적으로 검..
1. Axios 란?Axios는 Node.js와 브라우저 환경 모두에서 사용 가능한 Promise 기반 HTTP 클라이언트 라이브러리이다.외부 API와 통신하는 것은 웹 개발의 핵심 부분으로, 백엔드 서버가 다른 서비스와 데이터를 주고받기 위해 HTTP 클라이언트 라이브러리가 필요하다.Axios는 현대적인 JavaScript 개발 환경에 가장 적합한 HTTP 클라이언트로 많이 사용되고 있다. 1.1. API 라이브러리Node.js에서 API 통신을 위해 주로 사용되는 라이브러리는 두 가지이다. 1) request 모듈: 오랫동안 가장 인기 있는 HTTP 클라이언트 라이브러리였지만, 현재는 deprecated 상태이다.2) axios: 현대적인 Promise 기반 HTTP 클라이언트로, 현재 가장 많이 사..
1. 패키지와 모듈 시스템Node.js는 확장성 있는 네트워크 애플리케이션을 구축하기 위한 JavaScript 런타임 환경이다.Node.js의 강점 중 하나는 넓은 패키지 생태계로, 수많은 라이브러리를 쉽게 활용할 수 있다. 1.1. 패키지와 모듈의 차이점패키지(Package)란 package.json 파일과 이 파일에 정의된 파일 또는 디렉터리의 집합이다.패키지는 재사용 가능한 코드의 단위로, 다른 프로젝트에서 사용할 수 있도록 설계되었다.모듈(Module)은 node_modules 디렉터리 아래에 있는 파일 또는 디렉터리로, require() 또는 import 구문을 통해 로드할 수 있는 코드 단위이다. 모든 패키지는 모듈이 될 수 있지만, 모든 모듈이 패키지인 것은 아니다.패키지 ⊂ 모듈 1.2. ..
1. Million.js란?Million.js는 React 애플리케이션의 성능을 향상시키기 위한 컴파일러와 런타임 최적화 라이브러리이다.기존 React 코드에 최소한의 변경만으로도 상당한 성능 향상을 제공하는 드문 라이브러리 중 하나이다.React의 가상 DOM 위에 추가적인 성능 최적화 층을 제공하여 동작한다 2. 작동 원리1) 선택적 재렌더링 방식Million.js는 일반 React의 재조정(reconciliation) 과정을 개선한 '선택적 가험반 재조정' 방식을 사용한다.React는 상태가 변경되면 컴포넌트 트리를 처음부터 다시 완성하고 차이점을 찾는데 반해, Million.js는 변경된 부분만 선택적으로 재렌더링한다. 2) 블록 컨셉(Block)Million.js의 핵심은 '블록(Block)'..