2021-05-10-Mon-StudyKR

» studyKR

Web Application

Front-End

사용가가 마주보는 인터페이스
웹 사이트 또는 애플리케이션의 URL을 입력하거나 모바일 애플리케이션을 다운로드할 때 보게되는 레이아웃
사용자가 웹 사이트 또는 웹 애플리케이션의 URL을 입력하거나 모바일 애플리케이션을 다운로드할 때, 사용자들은 아주 깔끔한 레이아웃을 가진 인터페이스를 보게 됩니다. 이렇게 사용자가 마주보는 인터페이스를 테크롤로지 분야에서 ‘프론트엔드’라고 부릅니다.

프론트앤드 개발은 주로 웹 및 모바일 솔루션의 사용자 인터페이스와 사용자 경험을 만드는 데 초점을 맞춘다.
Language

    HTML: Hyper-Text, 페이지들 사이의 링크 정의, MarkUp, 웹페이지 구조 정의

    CSS: 종속 스타일 시트, Cascading Style Sheets, 다양한 스타일 적용

    Javascript: 사용자들을 위해 상호작용하는 애플리케이션을 만들 수 있도록 도와줌, 기능성 향상, 웹 기반의 소프트웨어 또는 게임들을 실행할 수 있게 도와줌

Front-End 개발 Tech
Angular JS
    오픈소스 자바스크립트 프레임워크

    주로 싱글 페이지 웹 애플리케이션(SPA)을 만드는 데 사용  개발자가 웹 애플리케이션을 더욱 잘 만들 수 있게 해주는 프론트엔드 개발 테크놀로지

    앵귤러 JS는 정적(static) HTML을 동적(dynamic) HTML로 변환해주는 기능

    오픈소스 테크놀로지이기 때문에, 누구나 자유롭게 사용할 수 있고, 변경할 수도 있죠.
React JS
    리액트는 프론트엔드 개발에서 사용할 수 있는 유연하고 효과적인 선언형(declarative)의 자바스크립트 라이브러리

    뛰어난 사용자 인터페이스를 만드는 데 도움이 됨. 

    리액트는 컴포넌트 기반의 오픈소스 라이브러리이며, 애플리케이션의 반응형 뷰 레이어(view layer)
    이 기술은 페이스북이 개발해서 유지관리를 해오고 있음
Bootstrap
    부트스트랩은 반응형 웹 애플리케이션 및 웹사이트를 개발하기 위해 사용되는 오픈소스

    부트스트랩은 가장 인기 있는 자바스크립트, CSS, HTML 프레임워크이며, 모바일 우선의 반응형 웹사이트를 구축할 수 있게 해줌

Back-End

백엔드는 웹사이트나 웹 애플리케이션 또는 모바일 솔루션의 프로세스와 관련된 서버측(server-side)과 데이터베이스를 관리해주는 테크놀로지

눈에 보이지 않는 서버에서 작용하는 기술

백엔드에서는 데이터를 저장하고 관리하며, 웹사이트의 클라이언트 측(client-side)에서 모든 것이 매끄럽게 작동할 수 있게 해줌
Language
    PHP
        특별히 웹 애플리케이션 개발을 위해서 고안된 서버 측 스크립트 언어

        HP는 서버 측에서 실행되기 때문에, 특히 서버 측 언어로서 많은 인기
    Node.js
        노드는 크로스 플랫폼의 오픈소스 런타임(run time) 환경으로써, 브라우저의 외부에서 자바스크립트 코드를 실행할 수 있게 해줌 

        노드는 프로그래밍 언어도 아니고, 프레임워크도 아님
        
        노드는 모바일이나 웹 어플리케이션용 API와 같은 백엔드 서비스 개발을 위해서 사용
    Javascript
        백엔드와 프론트엔드 모두에서 사용할 수 있는 프로그래밍 언어
    C++
        C++은 요즘에도 경쟁력을 갖추기 위해서 가장 널리 사용되는 프로그래밍 언어
    Java
        자바는 가장 인기 있는 프로그래밍 언어들 중 하나이며, 개발자 커뮤니티에서 널리 사용

        자바의 컴포넌트는 쉽게 사용할 수 있기 때문에 확장성이 아주 뛰어난 플랫폼
    Python
        파이썬은 개발자들이 시스템을 효율적으로 통합하고, 빠르게 작업할 수 있게 해주는 최고의 프로그래밍 언어

Technology
    Express
        익스프레스는 웹 애플리케이션 구축에 사용되는 노드(Node.js)용 무료 오픈소스 프레임워크 

        익스프레스는 MIT의 라이선스에 의해 공개되고 있으며, API를 만들고 웹 애플리케이션을 구축할 수 있게 해줌

    ​Laravel
        라라벨은 무료이며, 오픈소스인 PHP 웹 프레임워크

        캐싱(caching), 라우팅(routing), 인증(authentication), 세션(session)과 같은 대부분의 웹 개발에서 사용되는 공통 작업들을 심플하게 만들어줌 

        어플의 기능에 영향을 주지 않으면서 프로그래머에게 개발 프로세스를 간단하게 해줌

    ​C#
        C#은 유연하면서도 강력한 프로그래밍 언어 

        다양한 종류의 애플리케이션을 만드는 데 사용

        이 기술은 개발 도구, 웹사이트, 컴파일러와 같은 다양한 프로젝트에 사용 C#은 객체지향(object-oriented) 프로그래밍 언어를 만드는 데 도움

How to read article

1.
read the title, abstract, and introduction
read the tiles of all sections and subsections
read the conclusion
목표: what type of paper is this paper
context: related papers?
correctness
contribution
clarity: well written?
2.
Read with great care but still ignore details
write down key points, ideas, backgrounds, readings
3.
make the same assumptions as the author
virtually re-create the paper
put down the paper, start from the same assumptions and re-create the work