IT/more
CSR과 SSR이란? 둘 의 장단점 비교
CSR과 SSR은 웹 개발에서 사용되는 두 가지 다른 방법으로 웹 페이지를 렌더링하는 방식을 말한다. 이 두 방식은 각각 클라이언트 측 렌더링(Client-Side Rendering, CSR)과 서버 측 렌더링(Server-Side Rendering, SSR)로 알려져있다. 각각의 방식은 그 동작 방식과 장단점이 다르며 특정한 사용 사례와 요구 사항에 따라 선택된다. 클라이언트 측 렌더링(CSR) CSR은 주로 싱글 페이지 애플리케이션(SPA)에서 사용되는 접근 방식이다. CSR은 웹 애플리케이션을 브라우저에서 렌더링하는 방식이다. 주로 JavaScript와 프론트엔드 프레임워크 또는 라이브러리(예: React, Vue, Angular)를 사용하여 구현된다. 클라이언트 측에서 모든 렌더링을 처리한다. 즉..
프로그래머를 위한 ChatGPT 활용
코드 작성을 위한 프롬프트 [입력]을 받고 [출력]을 반환하는 함수를 작성하세요. [특정 조건]이 충족되면 [무언가를] 하는 스크립트를 작성하세요. [프로그램이 해야 할 일] 프로그램을 작성하십시오. [기능 설명] [프로그래밍 언어] 스크립트를 개발합니다. [프로그래밍 언어]로 [기능 설명] 기능을 작성합니다. [입력 소스]를 읽고 [원하는 출력]을 [프로그래밍 언어]로 출력하는 프로그램을 생성합니다. [프로그래밍 언어]에서 [문제 설명]을 해결하는 해결책을 제시하고 그것이 어떻게 작동하는지 설명하십시오. 저는 여러분이 Python 개발자 역할을 하여 [데이터 유형]을 입력으로 사용하고 [출력]을 반환하는 함수를 작성하기를 바랍니다. 웹 개발자로서 [color] 배경이 있는 HTML div의 [numbe..
[안드로이드] 네이티브, 하이브리드앱 구별하는 법
비행기모드 비행기 모드를 켜고 어플을 실행해보면 대충 감이 온다. 인터넷이 안되면 웹이면 주소 호출을 못했다는 오류가 뜰 것이다. 개발자옵션 - 레이아웃 범위 표시 활성화 설정 > 휴대전화 정보 > 소프트웨어 정보 > 빌드번호 영역 터치 여러번 하면 설정 목록에 개발자 옵션이 켜져있다. 개발자 옵션 > (그림) > 레이아웃 범위 표시 활성화 네이티브면 하단처럼 레이아웃이 그려져 보인다. 웹뷰면 하단처럼 레이아웃이 있어야할 영역에 아무런 표시가 안보인다. 백프로 네이티브 앱이 있을까? 궁금했다. 그래서 확인해보았다. 내 핸드폰에 설치되어 있는 앱중 90%가 하이브리드앱으로 서비스를 하고 있었다. 어떤 페이지에서 네이티브를 하고, 웹뷰를 쓰는지 구별해보려 했으나 앱마다 달라서 아마 그 기준은 앱 자체 정책에..
VS Code, Live Server 내 모바일로 확인하기
크롬이나 Blisk로 모바일 환경에서 퍼블리싱 작업물이 어떻게 보여지는 확인 할 수 있으나 완벽하지는 않다. 때문에 서버에 파일을 올린 뒤 확인을 하는데 매번 작업 후 서버에 올리는 과정이 귀찮다. 로컬에서 작업된 파일을 모바일 기기로 바로 확인 후 서버에는 최종적으로 한번만 올리면 좋지 않을까? 해서 검색을 해봤더니 vs code의 live server로 해당 기능을 사용할 수 있었다. live server를 꽤 오래 써왔는데 모바일 환경에서 확인할 수 있는걸 이제 알았다니🤣 VS Code 세팅 전 필독! ! 중요한 건 노트북이든 데스크탑이든 WIFI로 연결 후 모바일 기기와 같은 WIFI를 써야 한다는 것이다. (나는 이 환경을 위해 다이소에서 USB 무선 랜카드(5,000)를 구입했다.) 1. 랜선..
freebiesbug : 무료 웹페이지 psd, figma 사이트
https://freebiesbug.com/psd-freebies/website-template/ Free PSD Website Design Templates - Freebiesbug A collection of free high quality website templates designed with Photoshop freebiesbug.com 무료 PSD 뿐만 아니라 Figma, 스케치까지 무료로 받을 수 있는 사이트! 요즘 퍼블리싱을 안하다보니 손가락이 녹슬고 있는 것 같아서 혼자서 페이지나 만들어볼까~ 하다가 발견한 사이트! Figma 같은 경우엔 하루에 3개까지 무료로 받을 수 있다. 확실히 Figma가 대세인것 같은 요즘.. Figma와 친해질 겸 다운을 받았다. 다운 받은 Figma파일을 체..