GDSC Sookmyung 활동/10 min Seminar 57

SSR(서버사이드렌더링) vs CSR(클라이언트사이드렌더링)

새 창에서 열기 *시간 관계상 발표에 담을 수 없었던 부분에 대해 궁금한 점이 있으시면 아래를 참고해주세요. MPA(Multi Page Application) 일반적으로 웹사이트에 접속하려면, 서버에게 HTML 파일에 대한 요청을 보냅니다. 그럼 서버는 요청받은 HTML 파일의 전송을 담당합니다. 이렇다보니, 기존의 웹브라우저는 단지 보여주기만 할 뿐, 요청한 웹 문서에 대한 처리는 전부 서버에서 담당해왔습니다. (서버 살려,,,,,,) 과거에는 웹에서 제공되는 정보가 그리 많지 않았고, 많다고 해도 페이지가 많이 나뉘어져 있었기 때문에 데이터를 쪼개서 보여줄 수 있었습니다. 하지만 요즘은 하나의 페이지에서 보여줘야 하는 정보가 무궁무진하게 많고, 자바스크립트 기술도 발전하고, 컴퓨터 성능도 좋아지고 등..

파이썬으로 웹 스크래핑 시작하기

WikiDocs의 04장 웹스크래핑과 Pandas를 정리한 글입니다. 웹 크롤링과 웹 스크래핑 웹 서버에 저장된 데이터를 가져오는 행위를 웹 크롤링 또는 웹 스크래핑이라고 부른다. 웹 크롤링 Google 등의 대규모 검색 엔진이 GoogleBot과 같은 로봇 크롤러를 인터넷에 보내 인터넷 콘텐츠를 색인화하는 과정을 의미한다. 누군가가 홈페이지를 새로 만들면 어떻게 그 웹사이트가 구글에서 검색이 될까? 구글은 검색을 위해서 인터넷에 연결된 모든 웹 페이지를 돌아다니면서 페이지의 정보를 저장해두기 때문에 검색이 가능하다. 웹 스크래핑 일반적으로 특정한 데이터만을 웹사이트로부터 가져오는 행위를 스크래핑이라고 부른다. 웹 스크래핑은 웹 사이트 상에서 원하는 부분에 위치한 정보를 컴퓨터로 자동 추출하여 수집하는 ..

사람의 지도 없이 학습하는 오토인코더

'3분 딥러닝 파이토치맛' 을 참고하여 정리한 글입니다. 오토인코더란? 레이블 없이 특징을 추출하는 신경망을 말한다. 사람이 데이터를 직접 레이블링하여 정답을 함께 입력값에 넣어준다면 효율적인 학습이 가능하겠지만, 실생활에서 정답과 함께 존재하는 데이터셋은 많지 않다. "정답이 있으면 오찻값을 구할 수 있다" 즉, 오토인코더는 x를 입력받아 x를 예측하고 신경망에 의미 있는 정보가 쌓일 수 있도록 설계된 신경망이다. 입력과 정답이 모두 입력 x인 신경망이라는 것! 단, 신경망은 범용근사자로서, 근사치를 출력하기 때문에 입력 x와 똑.같.은 x를 출력할 수는 없다. 정확히 말하자면 오토인코더는 입력된 x를 복원하는 신경망이다. 또 다른 특징은, 입력과 출력의 크기는 같지만 중간으로 갈수록 신경망의 차원이 ..

Yolact로 이미지 딥러닝하기

Yolact(You Only Look At CoefficienTs)는 ICCV에서 2019년에 발표된 논문이고 PyTorch로 구현되어 있다. ---> (github로 이동) Image Segmentation: 이미지를 픽셀 단위의 다양한 segments로 분할하는 것으로 이미지의 모든 픽셀에 라벨을 할당 Semantic Segmentation : 동일한 클래스에 해당하는 픽셀을 같은 색으로 칠하기 Instance Segmentation : 동일한 클래스여도 다른 사물의 픽셀이면 다른 색으로 칠하기 Yolact는 Instance Segmentation 문제를 real-time으로 해결하는 모델 그동안의 Instance Segmentation은 Object Detection에 병렬적으로 모델을 추가하여 발..

GAN(Generative Adversarial Network)

1. GAN 이란? 2014년 이안 굿펠로우(Ian Goodfellow)에 의해 발표된 개념으로, Generative Adversarial Network의 약자입니다. 1-1 'Generative' - 생성 모델 Generative 라는 말에서 알 수 있듯이 이는 생성 모델로 그럴듯한 가짜 이미지를 만들어내는 모델입니다. 여기서 그럴듯 하다는건 수학적으로 실제 데이터의 분포와 비슷한 분포에서 나온 데이터를 의미합니다. GAN의 학습 과정을 보면 이렇게 점차 실제 데이터의 분포에 근사해 나가는 것을 볼 수 있습니다. 1-2 'Adversarial' - 적대적 생성 두번째 단어 Adversarial은 적대적이라는 뜻으로 두 개의 모델이 적대적으로 경쟁하며 발전한다는 의미입니다. 이를 설명하기 위해 흔히 사용..

TCP&UDP

- 프로토콜(Protocol) : 데이터 통신규약 • 프로토콜 계층구조 - 크고 복잡한 시스템 구성 효율적 - 각 계층 독립적, 시스템 구성 요소 간 update 용이 1. Transport Layer 서로 다른 End system에서 동작하는 프로세스 간 논리적 통신을 제공하는 계층 인터넷 Transport layer 프로토콜에는 TCP와 UDP가 있다. 2. TCP (Transmission Control Protocol) 신뢰적 데이터 전송 데이터가 보낸 순서대로, 손실 없이, 반드시 도착한다. 흐름 제어 (flow control) 송신자가 수신자의 버퍼를 오버플로 시키는 것을 방지 송신자는 수신자의 처리속도에 맞춰서 데이터 전송 수신 애플리케이션이 읽는 속도와 송신자가 전송하는 속도를 같게 함 혼잡..

Flutter 소개와 Firebase 연동

1. Flutter란? 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일 되는 구글의 아름다운 UI 툴킷 Flutter 문서 Flutter 문서의 랜딩 페이지 flutter-ko.dev 빠른 개발 : Hot reload를 통해 코드의 변경 사항을 빠르게 확인할 수 있다. 이는 UI 구축, 기능 추가, 버그 수정의 용이성을 높여준다. 표현력 있고 유연한 UI : Flutter에 내장되어 있는 Material Design과 Cupertino Widget 등을 활용하여 사용자 친화적 UI를 만들 수 있다. 네이티브 수준의 성능 : Flutter 위젯은 스크롤, 내비게이션, 아이콘 및 글꼴 등 주요 플랫폼의 차이점을 통합하여 iOS와 Android 모두에서 네이티브 수준의 성능을 보여준다. 2. ..