OS & Network59 SPA(단일페이지어플리케이션)와 CSR(클라이언트사이드렌더링) SPA 란? 단일 페이지로 구성된 웹 어플리케이션을 말한다. CSR(클라이언트 사이드 렌더링) 방식을 사용한다. (루트 컴포넌트(첫화면)을 중심으로 거미줄처럼 다른 컴포넌트와 연결연결되서 사용자가 필요한 컴포넌트만 로딩해서 바로바로 보여준다.) CSR 이란 ? (클라이언트 사이드 렌더링) 서버는 단지 JSON 파일만 보내주는 역할을 수행하며 HTML을 그리는 역할은 클라이언트에서 JS로 수행한다. (Json 객체로 된 텍스트 형식의 데이터를 API 주소를 통해 백엔드에서 보내면 프론트는 그걸 받아 JS 메소드 안에 녹여내어 HTML 로 화면에 보여준다.) 최초에 한 번 서버에서 전체 페이지를 로딩하여 보여주고 사용자의 요청에 따라 클라이언트가 서버에서 받은 데이터를 해석, 렌더링하는 방식이다. (예전에 .. 2021. 5. 21. http와 https의 차이 URL과 HTTP URL은 웹사이트 주소와 동일하게 생각할 수 있지만 다르다. URL은 웹사이트주소를 포함하는 더 큰 개념이다. 그래서 URL에 접속할때는 맞는 프로토콜을 사용해야 한다. HTTP는 웹브라우저를 사용해 접속한다. HTTP(HyperText Transfer Protocol) 인터넷에서 웹서버 - 웹 브라우저 사이 텍스트 문서를 전송하기 위한 통신규약이다. 즉, 하이퍼텍스트(HyperText)를 전송(Transfer)하기위한 통신규약(Protocol)이다. → 바로 이때 !! 모든 데이터를 텍스트로 주고 받아 보안상 원치않는 데이터 유출이 발생할 수 있다. 더보기 HTTP 서버는 기본 80번 포트에서 서비스 대기 중이며 ↓ 클라이언트(웹브라우저)가 TCP 80 포트를 사용해 연결하면 ↓ 서버.. 2021. 3. 2. 블로그에 구글서치콘솔 등록(Google Search Console) 구글 서치 콘솔을 등록하면 구글에서도 내 블로그가 검색되어진다. 1. 관리자메뉴에서 [플러그인]을 눌러 [구글서치콘솔] 을 찾아 클릭한다. 2. 창이 뜨면 [계정연결하기] 버튼 클릭! 3. 구글연동로그인창이 뜬다. 사용할 계정클릭! 4. 순서대로 허용을 요구하는 창이 뜬다. [allow(확인)] 눌러 동의해준다. 5. 아까 permission창에서 allow한 내용을 한번더 컨펌! 후 [Allow(확인)] 눌러 마무리 6. 노란줄 친 메시지가 우리를 반긴다. [적용] 누르면 완료! 7. 구글서치콘솔을 보면 사용중이라고 뜬다. 2021. 1. 21. 파일경로 작성법(절대경로와 상대경로) 항상 헷갈리는 부분 기록하기 1. 절대경로 Q "광화문 어디에 있어요?" A "서울특별시 종로구 세종로 사직로 161이요" - 어디에 있든지 한 방에 가는 고유한 경로(주소)를 말한다. ex) C:\users\document\untitled.jpg, http://www.google.com 2. 상대경로 Q "(지금 광화문 역인데...) 광화문 어디에 있어요?" A "여기(광화문역)에서 쭉 직진하면 보이는 세종대왕 동상 바로 뒤요" - '현재 내가 위치한 곳을 기준'으로 한 '그곳의 위치'이다. - 다시한번 설명하자면 내가 작업중인 소스코드 파일이 위치한 폴더를 기준으로 작성한 상대적인 경로라는 것. / 루트 (가장 최상의 디렉토리로 이동 / Web root) ./ 현재 위치 (파일의 현재 디렉토리를 의미.. 2021. 1. 19. 윈도우에서 8080 포트 죽이기 문제 상황 웹 개발 도중 STS에서 톰캣 Tomcat 서버를 켰다. 그러나 8080 포트가 이미 사용 중이라는 에러메시지가 떳다. 그래서 사용 중인 포트를 죽여보도록 하자 문제 해결 - cmd에서 포트를 죽이는 명령어를 사용하여 해결한다. 1. 실행 창 열기 (ctrl + r) 그리고 cmd 검색 ! 2. cmd 창에 netstat -a -o 명령어 입력 그럼 현재 사용중인 port의 리스트가 나온다. 로컬주소 에서 8080을 찾는다. (PID#를 기억하기) 3. taskkill /f /pid PID번호 명령어를 입력하면 포트가 죽... 어야되는데 액세스가 거부되었다는 메시지가 뜬다면?? 당황하지말고 관리자 모드로 다시 실행하자 다시 처음부터 실행하면 Hoxy 저의 미흡한 포스팅이 도움이 되셨다면..? .. 2021. 1. 16. 이전 1 ··· 4 5 6 7 다음 반응형
