본문 바로가기

개발관련 지식들

 (12)
Front, Back 분리시 동작 원리, 배포, 개발, 내가 궁금했던 것들(웹 서비스 구조) #배포 #분리하여개발 #서버 #프론트엔드 서버 #백엔드 서버 (아래가 정리된 내용으로 출처 말고 아래서 보기를 권함) 출처: https://it-eldorado.tistory.com/85 좋은글 출처: https://iborymagic.tistory.com/94 도움이 되는 채팅: https://okky.kr/questions/874573 https://gmlwjd9405.github.io/2018/10/27/webserver-vs-was.html : Web server와 WAS의 차이와 웹 서비스 구조에 대해 설명한 매우 유익한 글 1. 일반적인 웹 어플리케이션의 동작 원리 : 풀 스택 (Full Stack) 프론트 엔드와 백 엔드가 구분되지 않는 일반적인 웹 어플리케이션의 동작 원리는 어떠할까? 파이..
쿠키(cookie), 세션(Session), 케쉬(Cache), 인증(Authentication), 인가(Authorization, 다른 말로 권한 부여), JWT(Json Web Token) 참고: https://www.youtube.com/results?search_query=%EC%84%B8%EC%85%98 참고(세션과 JWT): https://www.youtube.com/watch?v=1QiOXWEbqYQ 쿠키: 사이트를 방문할때 브라우저에 저장되는 내용들을 담는 공간. 브라우저는 내 컴퓨터에 있는 소프트웨어이므로 내가 가지고 있는 정보임. 쿠키에는 한계가 있음. 내가 임의로 고치거나 지울수 있고, 남이 훔쳐보거나 도둑질도 가능함. 즉, 민감한 개인정보를 쿠키북에 적어서 다니는 것은 불안함. 따라서 남이 보았을때 큰 문제가 없고 그다지 민감한 정보가 아닌 사항들, 해당 쿠키의 사용자가 직접 조작해도 서버측에서는 문제가되지 않는 내용들이 쿠키에 담기게 된다. 세션: 서버가 기억하는 사용자..
DAS(Direct Attached Storage), NAS(Network Attached Storage), SAN(Storage Area Network) 저장소에 대하여 참고: https://www.youtube.com/watch?v=paf7nVhCMO4 DAS(Direct Attached Storage): 서버에 스토리지를 직접 바로1:1로 연결하여 사용하는 스토리지. 스토리지 관리, 파일 시스템 관리는 서버가 하게됨(스토리지가 하지 않음). 서버 하드웨어 내부에 꽃힌 디스크처럼스토리지를 사용할 수 있게됨. 마치 데스크탑PC나 노트북에 USB로 외장하드를 연결하는 것과 같음. NAS(Network Attached Storage): DAS에 네트워크 연결기능이 추가된것. 그럼 왜 네트워크로 연결하는 것일까? 하나의 스토리지에 더 많은 서버를 연결하기 위함임. 일반적으로 많이 사용되는 엔트리급 스토리지는 포트수가 4~8개임. 하나의 스토리지와 연결할 수 있는 서버수는 이 ..
클라우드 (컴퓨팅) 서비스 (IAAS, PAAS, SAAS의 차이점과 각각의 특색), 그리고 클라우드 컴퓨팅의 기술 요소, 그리고 도커 참고: https://blog.naver.com/watch_all/223007807275 https://www.youtube.com/watch?v=IH7mUwunzlo&t=1s https://www.youtube.com/watch?v=exewHoMNjsQ 도커: https://www.youtube.com/watch?v=WWhFBI6TMEU 도커: https://www.youtube.com/watch?v=WWhFBI6TMEU IAAS(Infra Structure as a service), PAAS(Platform as a service) , SAAS(Software as a service) 의 차이점을 한 눈에 아래와 같이 파악할 수 있다. 종류 클라우드 서비스의 제공범위 주요 특징 IaaS 인프라스트럭처..
CI(Continuous Integration), CD(Continuous Deploymenet)에 대하여 출처: https://artist-developer.tistory.com/24 출처 : Amazon Web Services CI/CD ?! 개발자로 밥먹고 사시는 분들이시라면, 혹은 IT서비스 업계에 종사하시는 분들이라면, 한 번 쯤은 들어봤을 법한 용어인데요. 흔히, DevOps 엔지니어의 핵심 업무라고들 하죠. 그런데 혹시 정확히 무슨 뜻인지 모르시면서 고개를 끄덕거리고 넘어간 경험....있으신가요? 우리 서로가 무슨 일을 하고 있는지는 알아야 하잖아요.... 그래서 오늘은 제가, 이 CI/CD 가 무엇이고 이 쪽 분야가 왜 중요한지! 에 대해 설명해드릴게요. CI (Continuous Integration) 먼저 CI부터 살펴볼까요? CI는 Continuous Integration 즉, 지속적인 통..
디버거(Debugging) 사용기록 참고: https://www.youtube.com/watch?v=OHrLRg150As 난생처음 인텔리제이로 디버거를 사용해 보았다. 영상 마지막 부분에는 라이브러리나 프래임워크 내부 구조를 분석할때 디버거가 유용하게 쓰인다고 알려주는데 정말 그런것 같다. 디버거 사용동기는 Collections.nCopies() 함수의 기능이 궁금해서 였다. 우선은 영상에서 소개하는 디버거의 유용한 기능을 기록해 놓으려한다. 1. 가장 먼저 break point 설정방법이다. 그냥 빨간색 나오도록 그 경계 부분을 눌러서 break point를 설정해 준다. break point를 설정한다는 것은 디버깅의 시작과 끝을 설정한다는 것이다. break point 설정후 Debug눌러서 디버깅을 시작한다. 이제 디버깅이 시작되면..
웹 프로그래밍 큰그림 참고: https://shlee0882.tistory.com/107 Web이란? HTTP방식으로 데이터를 주고받는 것 HTTP에서 HT, Hyper Text란? link와 link로 문서간 연결된 것, 링크 기반으로 데이터에 접속하는 것. 브라우저: 클라이언트 쪽의 HTTP를 처리할 수 있는 소프트웨어(Firefox, Chrome... ) 웹서버: 서버쪽의 HTTP를 처리할 수 있는 소프트웨어(아파치, 톰켓, nginx, weblogic... ). 그림으로 나타내면 아래와 같이 서버안에 웹서버가 있는것임. 웹서버라는 소프트웨어가 없고 그냥 서버만 있다면 HTTP를 처리할 수 없습니다. 물론 웹서버는 HTTP를 처리하는 것 말고도 다양한 역할을 합니다. 정적 웹서비스 같은 경우 클라이언트로부터 reques..
빌드관리툴(Maven, Gradle...)이란? 출처: https://www.youtube.com/watch?v=3Jp9kGDb01g&t=187s 빌드툴의 가장 대표적인 기능은? 프로젝트에서 필요한 파일들을 자동으로 인식하게 해줌 필요한 라이브러리 가져와주고 build의 대상이 되는 프로젝트의 LifeCycle까지 관리해줌. Maven을 예전에는 많이 사용했지만(legacy project) 지금은 Gradle을 사용. 요즘의 빌드툴은 (라이브러리간의)의존관계를 관리해줌. 따라서 내가 프로젝트를 생성할때 특정 라이브러리가 받기로 했는데 에 가보면 무수히 많은 내가 선택하지도 않은 라이브러리가 함께 딸려오게 되는데 이것이 Gradle과 같은 빌드툴이 내가 선택한 라이브러리와 의존관계에 있는 라이브러리를 모두 가져오기 때문에 그런것임. 그래서 결국은 Spr..

티스토리툴바