본문 바로가기

분류 전체보기101

서버사이드 렌더링, 클라이언트사이드 렌더링 Node.js를 사용하여 웹 프로젝트를 공부하다 보면 들을 수 있는 단어가 있다. 서버사이드 렌더링, 클라이언트 사이드 렌더링이다. 이 개념을 알고 있다면, 목적에 맞는 웹페이지 개발 방법을 선택해 최적화를 이루는데 도움이 될 것이다. 서버사이드 렌더링(SSR) 웹 애플리케이션에서 페이지의 초기 로딩을 서버에서 처리하는 방식으로, 클라이언트에게 페이지를 전송하기 전에 서버에서 해당 페이지의 HTML을 생성하고 클라이언트에게 제공하는 방법. 장점 1. 검색엔진 최적화 클라이언트 사이드 렌더링은 빈화면으로(빈 HTML) 시작하기에 검색엔진이 이를 인식하지 못하는 반면 서버사이드 렌더링은 완성된 페이지를 인식하기 때문에 검색엔진 최적화에 유리함. 예를 들어 빠른 관심이 필요하거나, 화제가되어야하는 상품을 판매.. 2024. 3. 8.
[Node.js] 회원 기능에 대해서. 쿠키와 세션을 이용해서 로그인 한 후 같은 페이지를 방문할 때는 다시 로그인을 안해도 기능입니다. 1. 회원가입 기능 유저로부터 아이디/비밀번호를 입력받아 데이터베이스에 저장한다. 2. 로그인 기능 로그인 페이지로 부터 입력받은 아이디/비밀번호가 DB에있는 거랑 일치하고 일치하면 세션을 생성합니다 이때 세션은 db도큐먼트에 유저가 로그인을 했고 로그인 유효기간은 언제인지 등을 기록해두는 공간입니다. 3. 세션에서 특정한 값(id 등)을 가져와서 사용자의 컴퓨터의 쿠키에 저장합니다. 4. 유저가 로그인을 필요한 페이지를 재방문 한다면, 쿠키에 저장된 값인 아이디, 로그인 유효기간 등을 DB의 세션과 비교해 로그인 조건을 만족한다면 자동으로 로그인이 되고 페이지를 보여줍니다. 2024. 3. 5.
[Node.js] Node.js란 무엇인가? 웹프로그래밍을 배우기 위해 html, css, javaScript를 공부하다보면 Node.js를 사용한다, 공부해야 한다 등등 Node.js라는 말을 들어 보셨을 것입니다. 이때 Node.js란 무엇일까요? 자바스크립트는 html에 어떤 기능들을 넣기위해 태어난 언어입니다. 버튼, 슬라이드와 같은 이벤트 처리를 담당하는 것이 대표적입니다. 이렇게 작성된 코드는 웹브라우저가 실행을 담당합니다. 우리가 html과 자바스크립트로 홈페이지를 만들면 라이브서버와 같은 것을 사용하여 실시간으로 화면을 확인하는 것과 같이 말이죠. 이 때 웹브라우저에서 실행을 담당하는 부분을 분리해서 별도로 자바스크립트를 실행할 수 있는 파일로 출시했는데 이를 node.js라고 합니다. Node.js를 사용하면 어디서나 실행할 수 있.. 2024. 2. 27.
관계형 데이터베이스와 비관계형 데이터베이스 데이터베이스를 공부하다 보면 관계형 데이터베이스 ,비관계형 데이터베이스를 만나게 됩니다. 이 둘의 차이에 대해 다루어 보겠습니다. 1. 관계형 데이터베이스 의미 관계형 데이터베이스는 엑셀과 같은 테이블로 이루어져 있습니다. 행과 열로 이루어진 데이터입니다. SQL언어를 사용하여 테이터를 조작합니다. 종류 유명한 데이터베이스로는 My SQL, Postgre SQL, OracleSQL등이 있습니다. My SQL은 오픈소스이며 가볍고 높은 성능을 보여줍니다. Postgre SQL는 확장성이 강력며, Oracle은 대규모 및 기업에서 사용하는 경우가 많습니다. 특징 관계형 데이터베이스는 수직적 확장을 사용합니다. 수직적 확장이란 단일 서버에 추가로 리소스(램, cpu)등을 장착하거나, 더 성능이 좋은 하드웨어로.. 2024. 2. 26.
API란 무엇인가 개발을 조금 공부하거나, 파이썬, 자바 등을 통해 코딩을 할 때 자주 접하게 되는 단어가 있습니다. 바로 API입니다. API는 Application Programming Interface의 약자로 프로그램간 상호작용할 수 있도록 정의된 인터페이스를 의미합니다. 간단하게 이야기 하면 콘센트도 모양이 맞아야 정기가 통합니다 이와 같이 응용 프로그램간의 소통을 위한 규약이라고 생각하시면 좋겠습니다. API에는 대표적으로 3가지가 있습니다. 1. 웹 API 웹서비스와 클라이언트 사이에 데이터를 주고받기 위한 규칙과 프로토콜입니다. RESTtful API 자원과 자원에 대한 상태를 나타내기 위한 아키텍처 스타일 주로 HTTP메서드(GET, POST, PUT, DELETE 등)을 사용하여 자원을 다룹니다. URL.. 2024. 2. 26.
[Langchain X Streamlit] 1시간 만에 AI 답변 주는 서비스 배포하기 git commit -m "2024_02_23" 지난 번 Langchain으로부터 답변 받아오기, Streamlit소개를 했습니다. 이전 글을 읽고 오셔야 합니다. https://miacoder.tistory.com/61 [Langchain] 파이썬을 통해 랭체인(Langchain)으로 Chat-gpt사용하기 24년도 버전 오늘은 Langchain을 활용하여 chat gpt의 답변을 파이썬 파일에 불러와 보겠습니다. 매우매우 간단하고 좋은 기능이니 잘 사용하면 한단계 발전된 서비스를 제공할 수 있을겁니다. 우선 chat-gpt의 API miacoder.tistory.com https://miacoder.tistory.com/62 [Streamlit] 파이썬으로 간편하게 만드는 웹 Streamlit은 파이.. 2024. 2. 23.

티스토리툴바