본문 바로가기

기술블로그334

클래스 카드 - Selenium 클래스 카드 - Selenium ✍️ Selenium을 통한 크롤링 Selenium을 이용하여 크롤링을 진행했다 카드 디테일 페이지를 하나씩 돌면서, 안에 있는 상세 정보들을 CSS_SELECTOR를 통해 가지고 왔다 2023. 2. 26.
클래스 카드 소개 클래스 카드 소개 프로젝트 기간 : 2022.11.23 ~ 2022.12.15 팀원 : 김나현 (팀장), 이제준, 김지연, 김지영, 임수경 맡은 역할 : 풀스택 개발, Readme 문서 정리 댓글, 대댓글 비동기 구현 카드 디테일 페이지 구현 (기능, UI) 카드 비교 기능 구현 맞춤 카드 추천 페이지 구현 (기능) 사용 도구 : Python (Django), JavaScript | HTML, CSS | Github | AWS 내용 : 사회 초년생을 위한 카드 혜택 정보를 제공하는 웹사이트 제작 크롤링을 통해 시중에 나와있는 카드 정보 수집 (FEAT. 카드 고릴라) 카드 정보, 카드 비교, 카드 추천, 그 외에도 카드 관련 커뮤니티 기능을 구현 코드 링크 : https://github.com/Class.. 2023. 2. 26.
산메 (산책 메이트) - 지도 구현기능 산메 (산책 메이트) - 지도 구현기능 지도 기능 설명 공공 데이터 포털에서 도시공원 정보를 CSV 파일로 다운로드 받았다 받고 난 후, 로컬 DB에 저장을 하여 공원 정보와 카카오 map API를 연결시켰다 '내 위치'를 누르면, 현재 내가 있는 주소의 IP 주소를 트래킹하여 나의 위치를 가지고 온다 그 위치를 기반으로 5km 반경에 있는 공원들을 표시한다 공원 검색 기능은, 공원 이름 또는 주소 기반으로 검색을 한다 검색을 하면 내 위치로 기본적으로 이동하고, 내 위치에서 제일 가까운 순으로 나열이 된다 공원 마커 클릭 마커를 클릭하게 된다면 마커 위에 해당 공원에 대한 정보가 간략하게 나온다 그리고 마커에서 '산책하기' 를 클릭하면, 해당 공원의 좌표와 함께 산책하기 모집 생성 페이지로 간다 Kak.. 2023. 2. 26.
산메 (산책 메이트) 소개 산메 (산책 메이트) 소개 프로젝트 기간 : 2022.11.10 ~ 2022.11.21 팀원 : 최준혁 (팀장), 이제준, 김다솔, 간정진, 신우철 맡은 역할 : 풀스택 개발, Readme 문서 정리 지도 기능 구현 (기능, UI) 공원 검색 기능 구현 (기능, UI) 댓글 비동기 기능 구현 (기능, UI) 커뮤니티 디테일 페이지, 구현 (기능, UI) 사용 도구 : Python (Django), JavaScript | HTML, CSS | Github | AWS 내용 : 가까운 공원을 찾아주고, 공원에서 같이 산책을 할 수 있도록 친구 모집을 할 수 있는 커뮤니티 웹서비스 코드 링크 : https://github.com/jejoonlee/Sanme 개인적인 후기 : 매우 아쉬운 프로젝트였다. 처음 지도.. 2023. 2. 26.
Udemy - Javascript - Graph Udemy - Javascript - Graph Udemy JavaScript 그래프 그래프는 유한하고 변할 수 있는 꼭지점이나 노드나 점들의 집합으로 구성된 데이터 구조다 그래프는 노드나 노드들의 연결을 모은 것이다 이진 트리와 다르게, 노드들끼리 연결만 되어 있으면 된다 그래프의 쓰임새 소셜 네트워크 좌표 / 지도 라우팅 알고리즘 (Routing Algorithms) 시각적 위계 (Visual Hierarchy) 등등 그래프의 유형 vertex : 노드 edge : 노드와 노드의 연결하는 선 Directed / Undirected Graph Undirected Graph : 특정한 경로가 없이, 두 노드 사이에서 왔다갔다 할 수 있다 / 방향이 없음 Directed Graph : edge마다 방향이 .. 2023. 2. 24.
13. TCP/IP [전송 계층 in detail] 13. TCP/IP [전송 계층 in detail] 출처 : 면접을 위한 CS전공지식 노트(책 / 강의) 전송 계층 (Transport) 응용 계층에서 받은 메세지를 세그먼트 또는 데이터그램을 통해서 데이터를 송신하는 것이다 세그먼트 : TCP 데이터그램 : UDP 데이터가 송신 될 때에는, 목적지에 도착한다는 보장이 없다 (중간에 오류가 발생할 수도 있다) 전송 계층에는 TCP와 UDP가 있다 TCP (Transmission Control Protocol) 가상회선 패킷 교환 방식 말 그대로 가상으로 회선을 만든 후, 그 경로대로 패킷을 순서대로 보낸다 TCP는 체크섬을 통해 오류를 검사하고, 데이터가 처음부터 끝까지 제대로 송신이 되었는지 확인을 한다 TCP를 통해 데이터를 전송 중, 측정 시간 동안.. 2023. 2. 24.
12. TCP/IP [응용 계층] TCP/IP [응용 계층] 출처 : 면접을 위한 CS전공지식 노트(책 / 강의) 응용 계층 (Application) 데이터를 송수신 할 때에 메세지 역할을 한다 즉 실제 유저들이 서비스를 사용할 수 있게 해주는 층이다 FTP (File Transfer Protocol) 노드와 노드간에 파일을 전송할 때에 사용되는 프로토콜이다 최근에는 파일을 암호화하여 전송을 한다 HTTP (HyperText Transfer Protocol) 서버와 브라우저 간의 또는 서버와 서버 간에 데이터를 주고 받을 때 사용되는 프로토콜이다 header 확장이 가능하고, stateless하다 HTTP Header : 클라이언트와 서버가 요청 또는 응답으로 부가적인 정보를 전송할 수 있도록 해주는 기능 메세지 바디 내용, 메세지 바디.. 2023. 2. 24.
11. TCP/IP [MTU, MSS, PMTUD] TCP/IP [MTU, MSS, PMTUD] 출처 : 면접을 위한 CS전공지식 노트(책 / 강의) MTU Maximum Transmission Unit 데이터를 송수신 할 때에, 패킷으로 쪼개진다 그리고 쪼개질 때에는 MTU 기반으로 쪼개진다 MTU 기반으로 쪼개진다는 것은, 패킷이 쪼개질 때에, 쪼개질 수 있는 최대의 크기를 뜻한다 즉 패킷이 MTU 보다 더 크면, 중간에 패킷이 더 쪼개지거나, 에러가 발생할 수 있다 위와 같이 라우터 1에서 한번 더 쪼개서 라우터 2를 통해서 송신을 할 수 있다 또는 아예 송신할 때에 1000, 500, 500으로 나누어서 송신할 수 있다 MSS Maximum Segment Size MTU 는 IP헤더와 TCP헤더 크기까지 다 합쳐서 1500바이트까지 제한을 둔다 반.. 2023. 2. 23.
10. TCP/IP TCP/IP 출처 : 면접을 위한 CS전공지식 노트(책 / 강의) TCP/IP 란? Transmission Control Protocol / Internet Protocol 데이터를 주고 받을 때에 사용되는 프로토콜이다 데이터를 송수신할 때에, 각 계층마다 역할을 부여하며, 데이터가 전달 된다 주소를 담당하는 역할 목적지까지 에러 없이 보내는 역할 등 OSI 7 계층과 다른 점은, OSI 7 계층은 각 계층을 더 세분화 했다 TCP / IP 계층의 응용 계층은, OSI 7 계층에서 Application, Presentation, Session 계층으로 나누어졌다 TCP / IP 계층의 전송 계층과, 네트워크 계층은 OSI 7 계층과 동일하다 TCP / IP 계층의 네트워크 계층은, OSI 7 계층에서는 .. 2023. 2. 23.

티스토리툴바