Web/기초

[WEB] 프론트엔드, 백엔드

hh_lin 2018. 11. 15. 14:36

프론트엔드(Front-End)

사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공하며, 사용자의 요청에 반응해서 동작한다.

클라이언트의 입장에서 개발이 진행된다. (Client Side)

HTML - 구조

CSS - 디자인

JavaScript - 동작



- HTML

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>hello</title>
    </head>
    <body>
        hello HTML5!
    </body>
</html>
cs



- CSS

1
2
3
4
5
6
7
8
9
10
11
12
#spotNonExist {
    width: fit-content;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
}
.my-content {
    display: inline-block;
    width: 250px;
    margin: 20px 5px;
    cursor: pointer;
}
cs



- JavaScript

1
2
3
4
5
6
let arrayA = [];
for (var i = 0; i < arrayA.length; i++) {
    let str ='${arrayA[i]}번째 요소';
    let id = 'list-${arrayA[i]}';
    arrayA.push(<li id={id} key={i}> {str} </li>);
}
cs






백엔드(Back-End)

클라이언트의 요청을 받아서 일을 처리한 후에 그 결과를 넘겨주는 부분을 개발해야 한다.

정보를 처리하고 저장하며, 요청에 따라 정보를 내려주는 역할을 한다.

서버 입장에서 개발이 진행된다. (Server Side)

프로그래밍 언어(Java, Python, PHP, JavaScript 등), 웹 동작 원리, 알고리즘, 운영체제 및 네트워크, 프레임워크(Spring), DBMS에 대한 이해가 필요하다.








참고자료 

https://www.edwith.org/