프론트엔드 썸네일형 리스트형 Day 22 : GraphQL 💫작성자 및 원본 글💫 anottrx (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Front-end/GraphQL.md) 목차 GraphQL은 무엇일까? GraphQL은 왜 등장했을까? GraphQL의 타입과 문법 1. GraphQL이란 무엇일까? GraphQL 페이스북이 만든 Query Language GraphQL을 통해 클라이언트는 필요한 것을 정확하게 요청 가능 한번의 요청으로 앱에 필요한 모든 데이터를 가져올 수 있다 프론트엔드 단에서는 요청을 전송하고, 백엔드에서는 정보 제공 및 처리 GQL(Graph Query Language)와 다르니 주의 GraphQL 특징 특정 데이터베이스나 스토리지에 종속되지 않음 (My.. 더보기 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 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++,.. 더보기 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 디자인이랑 사용자가 만족할 수.. 더보기 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 파일의 관리가 어려워졌고 이로 인해 발.. 더보기 이전 1 다음
