Be lazy, Be crazy

MPA(Multiple Page Application) ✔️ MPA의 개념 여러 개의 페이지로 이루어진 애플리케이션 정적 정보가 포함된 여러 페이지와 다른 페이지에 대한 많은 링크로 구성된 전통적인 웹 애플리케이션 전체 페이지를 다시 로드하고 사용자가 웹 앱과 상호 작용할 때 새 페이지를 표시한다. 주로 Amazon, eBay 및 기타 전자 상거래 사이트와 같은 대규모 웹 사이트를 위해 설계되었다. SSR(Server Side Rendering) 방식으로 렌더링한다. *SSR : 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식 (지난 포스팅 참고) GET, POST? (REST API - HTTP method) GET : 정보를 가져올 때 사용 (어떤 값이나 내용, 상..

SSR(Server Side Rendering)이란? ✔️ SSR 개념 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식 페이지를 이동할 때마다 서버에 새로운 페이지를 요청한다. 모든 페이지는 서버 연산을 통해 렌더링하고 완성된 페이지 형태로 응답한다. 👍 SSR 장점 SEO(Search Engine Optimization, 검색엔진 최적화)관점에서 유리하다. (완성된 형태의 HTML 파일을 서버로부터 받으므로 검색엔진이 페이지를 크롤링하기에 적합) 첫 로딩 시간이 매우 짧다. (서버에서 이미 렌더링해서 가져오므로) 👎 SSR 단점 페이지 이동시 화면이 깜빡거리는 현상을 겪을 수 있다. (페이지 요청 시 서버에게 페이지를 받아오는 시간이 필요) 화면에서 바뀌지 않아도 되..

블록체인은 활용되는 목적 또는 공개 범위에 따라 다양한 방법으로 블록체인 네트워크를 구축할 수 있고, 그 종류에 따라 퍼블릭 블록체인(Public Blockchain), 프라이빗 블록체인(Private Blockchain) 그리고 컨소시엄 블록체인(Consortium Blockchain)이 있습니다. 퍼블릭 블록체인(Public BlockChain) 개방형 블록체인으로 누구나 트랜잭션을 생성할 수 있는 블록체인 통상 블록체인이라 하면 퍼블릭 블록체인을 지칭 누구나 참여할수 있고, 모든 참여자의 상호 검증을 거쳐 신뢰도가 높다. 트랜잭션 내역이 모두에게 공개되어 네트워크에 참여한 모든 노드(Node)가 이를 검증하고 거래를 승인 하기 때문(장점) 모든 참여자의 거래 기록을 남기고 이를 공유하느라 처리 속도..

**블록체인을 공부하는 초심자로써 제가 공부한 부분을 저와같이 처음 공부한 분들에게 공유하기 위해서 작성한 글입니다. 많이 부족하겠지만 보고 부족한부분이 있다면 댓글로 남겨주시면 공부하고 수정하겠습니다. ** 블록체인이 대두된 이유가 무엇일까? 이 부분을 알아보기전에 기본적인 경제용어에 대해서 잠깐만 알아보자. 실물화폐 - 쌀, 콩, 소, 닭 등 교환의 더 나은 방법으로 특정한 물건을 자신들만의 화폐로 지정한것(실물화폐) BUT 실물화폐에는 문제점이 존재합니다. 1. 내구성이 없다.(쌀을 들고가다가 찢어져 버렸다.... 어떡하지???) 2. 상품의 질(condition)이 같지않다 (쌀 포장지가 찢겨서 흙이랑 먼지가 들어가면 상품의 질이 떨어진다.) 3. 휴대성이 없다. 금속화폐 신용화폐 위에

** 참고로 초보개발자입니다. 저같은 빡HEAD들을 위해서 작성하는 글입니다. 고수님들의 비판은 항상 환영입니다** 오랜만에 자바와 spring을 공부하기위해서 java버전을 확인했다. (참고로 나는 정말정말 빡HEAD이다 그래서 아주 쉽게해볼려고한다.) 참고로 저는 mac북을 사용합니다... window죄송합니다...... 명령어는 /usr/libexec/java_home -V(대문자다) 이러면 지금까지 설치된 자바버전이 보일 것이다. 일단 다 삭제해야겠다. 1. JAVA 삭제 일단 cd /Library/Java/JavaVirtualMachines/ 앞에 보이는 명령어를 통해서 이동해보자 다음 ls 명령어를 입력하면 밑에 사진처럼 install 되어있는 java가 보일것이다 이제 이것을 삭제한다. 다음..

리액트 개발환경 세팅하고 App.js 파일을 열었는데 분명 같은 코드도 있고 HTML 형식 같은데 class가 아니라 JS처럼 className이 적혀있네요? HTML인 것 같지만 이것은 JSX (JavaScript eXtension) 라는 문법입니다. JS파일 안에서 HTML을 작성하기 위해 도와주는 리액트 기본 내장 문법이라 생각하시면 됩니다 일종의 JS이기 때문에 className이라고 써야 CSS의 class명과 연결할 수 있습니다 리액트에서는 HTML 대신 JSX라는 문법을 사용할 수 있습니다 그렇다면 HTML이 아닌 JSX 문법을 사용하는 이유가 무엇일까요? 바로 데이터바인딩 때문입니다. (JS 데이터를 HTML에 넣는 작업을 뜻합니다) 예를 들어, 변수를 div의 내용으로 넣고 싶다고 할 때..

리액트 개발환경을 빠르게 셋팅 해봅시다 셋팅을 위해 필요한 건, 3가지 1. Node.js 최신버전 2. VSCode 3. create-react-app 라이브러리로 프로젝트 생성하기 순서대로 해봅시다 1. Node.js 먼저 Node.js는 홈페이지가서 가장 최신 버전(오른쪽꺼)으로 설치합니다 맥북 M1은 가끔가다 라이브러리 이용에 어려움이 있을 수 있으니 LTS버전을 추천합니다 2. VSCode 운영체제에 맞는걸루 깔아주세요 3. create-react-app 라이브러리로 프로젝트 생성하기 작업할 폴더 하나 생성해서 VSCode 에서 열어주고 VSCode 터미널 열기 (상단 탭 메뉴에 Terminal - New Terminal 또는 단축키 ctrl+shift+`) npx create-react-app..

웹사이트는 HTML/CSS, JS로도 충분히 기능구현이 가능한데 왜 리액트를 써야하는걸까요? React는 상호작용이 많은 UI를 만들 때 생기는 어려움을 줄여줍니다. 애플리케이션의 각 상태에 대한 간단한 뷰만 설계하세요. 그럼 React는 데이터가 변경됨에 따라 적절한 컴포넌트만 효율적으로 갱신하고 렌더링 합니다. 선언형 뷰는 코드를 예측 가능하고 디버그하기 쉽게 만들어 줍니다. 리액트를 사용하는 이유는 상호작용이 많더라도 효율적으로 작동하는 웹앱 개발을 위해서라고 요약할 수 있겠네요 리액트를 배우는 궁극적인 목표는 리액트 문법으로 멋진 웹앱을 보다 편하게 제작하기 위해서 웹앱(Web App)? 웹 기술로 구현한 앱입니다 (말 그대로 앱 같은 느낌이 나는 웹) 웹앱은 포스팅하거나 다른 페이지로 이동하거나..