SSAFY TechTalk Study 썸네일형 리스트형 Day9 : 리액트를 왜 사용하는 것인가? 💫작성자 및 원본 글💫 JeongHwan-dev (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Front-end/React.md) 목차 리액트란? 프론트엔드 라이브러리, 프레임워크의 등장 리액트의 특징 리액트의 장단점 1. 리액트란? 리액트(React.js) 는 페이스북(FaceBook)에서 개발한 JavaScript 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 2. 프론트엔드 라이브러리, 프레임워크의 등장 요즘의 웹들은 웹 앱 혹은 웹 애플리케이션이라 불릴 정도로 동적 요소들이 많아지면서 복잡해졌다. 이러한 웹을 구현하기 위해 웹의 크기가 커지면서 JavaScript 파일의 관리가 어려워졌고 이로 인해 발.. 더보기 Day8 : 의존성 주입(Dependency Injection) 💫작성자 및 원본 글💫 alstjdwo1601 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/SW_methods/Dependency_Injection.md) 목차 객체지향의 목적 의존성이 생기는 코드 의존성이 있는 코드의 문제점 책임의 정의 의존성 주입이란? 의존성을 줄인 코드 의존성 주입을 통해 얻는 이점 객체지향의 목적 객체지향 언어를 이용하는 이유는, 유연한 소프트웨어를 만들기 위해서인데 여기서 "유연하다"는 다양한 요구사항의 변화에도 대처가 가능하다는 의미입니다. '요구사항의 변화'는 소프트웨어에 기능의 추가, 제거, 변경과 같은 수정을 말하기 때문에, 유연성은 "소프트웨어가 얼마나 쉽게 수정될 수 있는가"를 뜻합니다... 더보기 Day7 : HTTP Header의 종류와 예시 💫작성자 및 원본 글💫 anottrx (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/web/HTTP_Headers.md) 목차 HTTP Message General Header Request Header Response Header Entity Header (Representation) Cookie 1. HTTP Message HTTP에서 교환하는 정보 HTTP Header: HTTP 전송시 서버와 클라이언트에게 필요한 모든 부가 정보 "헤더 필드 명 : 필드 값" 구조. 여러 개의 필드 값이 존재 가능하다. 과거 RFC2616 분류: General Header, Request Header, Response Header, En.. 더보기 Day6 : SSR과 CSR 💫작성자 및 원본 글💫 dgh03207 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/web/SSRCSR.md) 목차 RENDERING CSR/SSR MPA/SPA 1. RENDERING HTML로 DOMTree가 만들어지고, CSS가 CSSOM을 결합시켜 최종적으로 Rendering Tree가 만들어 진다. 그리고, 이렌더링 트리에서 각노드의 크기와 위치를 계산하고, 개별 노드를 화면에 그려주는 과정이 렌더링의 과정이라고 할 수 있다. 2. CSR/SSR/SSG SSR(Server Side Rendering) 서버에서 렌더링을 해줌 서버에서 완성된 형태의 html파일을 받아와서 그대로 화면에 띄워줌. CSR(Client Si.. 더보기 Day5 : TDD와 Unit Test 💫작성자 및 원본 글💫 penglingss (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Etc/TDD%26Unit_Test.md) 목차 Unit test TDD 결론 TDD와 Unit Test 느낀점 1. Unit test '단위 테스트' 단위 테스트(Unit Test)는 하나의 모듈을 기준으로 독립적으로 진행되는 가장 작은 단위의 테스트이다. 여기서 모듈은 애플리케이션에서 작동하는 하나의 기능 또는 메소드로 이해할 수 있다. 예를 들어 웹 애플리케이션에서 로그인 메소드에 대한 독립적인 테스트가 1개의 단위테스트가 될 수 있다. 즉, 단위 테스트는 애플리케이션을 구성하는 하나의 기능이 올바르게 동작하는지를 독립적으로 테스트하.. 더보기 Day 4 : 캐시, 캐싱이란 무엇인가? 💫작성자 및 원본 글💫 eye1228 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/web/Cache.md) 목차 캐시(Cache) 란? 캐시의 사용 캐시 종류 지역성 캐싱 캐시(Cache) 란? "자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소" 👉 다른 저장공간 계층과는 달리 저장 공간이 작고, 비용이 비싼 대신 빠른 성능을 제공함. 👉 속도가 빠른 장치와 느린 장치에서 속도 차이에 따른 병목 현상을 줄이기 위한 메모리 공간 👉 데이터의 지역성이라는 특성을 이용해서 성능을 개선한다. 캐시의 사용 👉 반복적으로 동일한 결과를 돌려주는 경우 많이 쓰임.(ex : 썸네일) 👉 Cache는 반복적으로 데이터를 불러오는 경.. 더보기 Day3 : REST, REST API, REST ful 에 대해서 💫작성자 및 원본 글💫 jhj960918 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/web/REST.md) 목차 REST? REST API? REST ful? 1. REST란? "Representational State Transfer". 직역하면, "표현 상태 전달" 일종의 HTTP에 디자인패턴 HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE)를 통해 해당 자원에 대한 CRUD Operation을 적용하는 것을 의미한다. ❗ 용어 정리 URI : 인터넷에 있는 자원을 나타내는 유일한 주소 * HTT.. 더보기 Day2 : 소프트웨어 방법론 - 워터폴, 애자일, 데브옵스 💫작성자 및 원본 글💫 ( 본인입니다:-) ) wangsuuu (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/SW_methods/SW_methods.md) 목차 폭포수 방법론이란? 애자일 방법론이란? 데브 옵스란? 애자일 방법론 vs 데브 옵스 폭포수(Waterfall) 방법론이란? 1970년대에 창안된 전통적인 소프트웨어 개발 방법으로, 물이 흐르는 듯한 “단계별 순차적인 진행”을 강조합니다. 장점 프로젝트를 시작하기 전에 프로젝트에 대한 전체적인 요구사항과 디자인들이 이미 완성되어 있기 때문에 각 단계와 전체적인 과정에 대한 이해가 쉽습니다. 단계별로 정형화된 접근방식을 이용하기 때문에 기술적인 위험요소가 적습니다. 고전적.. 더보기 이전 1 2 3 4 다음
