SSAFY TechTalk Study 썸네일형 리스트형 Day 17 : 왜 Bundler를 사용해야 하는가? 💫작성자 및 원본 글💫 JeongHwan-dev (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Front-end/Bundler.md) 목차 Bundler 탄생 배경 Bundler 기능 Bundler 종류 Parcel vs webpack 1. Bundler 탄생 배경 인터넷이 등장하고 처음에는 웹 페이지와 서비스들의 규모가 그렇게 크지 않았지만, 점점 대규모 웹 서비스들이 생겨나고 웹 개발에 여러 모듈들을 사용하면서 여러 문제들이 발생하였습니다. 이를 해결하기 위해 탄생한 것이 바로 Bundler 입니다. 즉, 프론트엔드 코드의 근본적인 종속성(dependencies) 문제를 핸들링하기 위함입니다. 2. Bundler 기능 Bu.. 더보기 Day 16 : Web Socket(웹 소켓)과 WebRTC 💫작성자 및 원본 글💫 alstjdwo1601 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/web/WebSocket%26WebRTC.md) 목차 기존 HTTP 의 동작 개념 Web Socket 의 등장 Web Socket Server WebRTC 란 1. 기존 HTTP 의 동작 개념 기존의 HTTP 통신은 클라이언트의 HTTP Request 를 받은 웹 서버가 Response를 보내주는 방식입니다. 클라이언트가 브라우저를 통해 특정 페이지를 요청하면(Request) 페이지를 구성하는 모든 자료를 서버가 보내줍니다.(Response) 이때 서버는 클라이언트의 Request가 없다면 직접적으로 클라이언트에게 정보를 보낼 수 없습.. 더보기 Day 15 : 타입 스크립트 (TypeScript) 💫작성자 및 원본 글💫 anottrx (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Front-end/TypeScript.md) 목차 타입스크립트란? 타입스크립트를 사용하면 어떤 장점이 있을까? 타입스크립트는 어떻게 실행될까? 타입스크립트의 기본 문법 1. 타입스크립트란? 자바스크립트에 정적 타입을 제공해주는 언어 자바스크립트의 상위 집합으로 자바스크립트의 모든 기능을 포함 마이크로소프트가 만들었으며 VS Code 등에서 사용 2. 타입스크립트를 사용하면 어떤 장점이 있을까? 정적 타입(Statically Typed Language): 프로그램이 실행되기 전, 런타임 이전에 컴파일 시 타입 분석 진행 (예: JAVA, C++,.. 더보기 Day14 : 정규표현식(Regex) 💫작성자 및 원본 글💫 dgh03207 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Etc/REGEX.md) ❔ 정규표현식이란? : 특정 규칙을 가진 문자열의 집합을 표현하는데 사용하는 형식 언어로, 컴퓨터 과학의 정규 언어로부터 유래하였다. ✍ 정규표현식의 기본 원칙들 메타 문자를 그냥 문자로 쓰고 싶을때 : \ 역슬래쉬를 사용 📍 위치로 찾을때 메타문자 설명 기타 ^'문자' 문자열에서 '문자'로 시작하는 것을 찾음 '문자'$ 문자열에서 '문자'로 끝나는 것을 찾음 ^hi hihellohi hi$ hihellohi 🔍 문자로 찾을때 메타문자 설명 기타 문자 클래스 [.. 더보기 Day13 : HTTP Keep Alive 💫작성자 및 원본 글💫 penglingss (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/web/http_keepalive.md) 목차 HTTP HTTP의 Keep Alive란 Keep Alive와 멍청한 프록시 HTTP/1.1의 '지속 커넥션' 1. HTTP HTTP는 Connectionless 방식으로 연결을 매번 끊고 새로 생성하는 구조입니다. 이는 Network 비용 측면에서 최초 연결을 하기 위해 많은 비용을 소비하는 구조입니다. 2. HTTP의 Keep Alive란 HTTP/1.0+의 'Keep-Alive'. 연결을 유지하라 이미 연결되어 있는 TCP 연결을 재사용하는 기능입니다. Handshake 과정이 생략되므로.. 더보기 Day 12 : UI와 UX 💫작성자 및 원본 글💫 eye1228 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Front-end/UI_UX.md) 목차 UI와 UX UI디자이너와 UX 기획자 HIG HIG 사용 이유 1. UI와 UX 1-1. UI User Interface 사용자가 제품 혹은 서비스를 이용할 때 보게되는 화면을 말한다. 사용자가 서비스를 이용하기 위해서 만들어졌다. 폰트, 레이아웃 등 사용자가 마주하게 될 시간적인 디자인이다. ex)Web - html, Android - xml 1-2. UX User Experience 사용자 경험이라는 뜻으로 서비스를 직, 간접적으로 이용하면서 느끼는 종합적인 만족 UX 디자인이랑 사용자가 만족할 수.. 더보기 Day11 : Transaction과 Isolation Level 💫작성자 및 원본 글💫 jhj960918 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Database/Transaction-Isolation-level.md) 목차 Transaction Transaction Isolation Level 1. Transaction database의 데이터를 조작하는 작업의 단위 사용자는 트랜잭션을 통해 데이터베이스에 안정성과 신뢰성을 얻을 수 있다. 명령을(연산) 끝 마칠 때까지 수행 내역을 로그에 저장 (redo, udno log) ❗ ACID Atomicity(원자성**)** : 트랜잭션의 연산은 데이터 베이스에 모두 반영되던지 둘 중 하나이다. Rollback : 1~4번까지 작업이 있는.. 더보기 Day10 : OSI 7 layer 💫작성자 및 원본 글💫 (본인입니다:-) ) wangsuuu (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Computer-Science/OSI%207%20layer.md) 목차 OSI 7 layer의 개념과 필요성 계층 별 설명 전체적인 통신 플로우 1. OSI 7 layer의 개념과 필요성 1-1. OSI 7 layer의 개념 1984년에 국제표준화기구(ISO)에서 개발한 모델로서, 네트워크 프로토콜 디자인과 통신 과정을 일곱 개의 계층으로 구분하여 만든 "표준" 규격 통신이 일어나는 과정을 7단계로 크게 구분하여, 단계별로 파악이 가능 OSI 참조 모델 이라고도 불림 OSI(Open System Interconnectio.. 더보기 이전 1 2 3 4 다음
