반응형

 블로그 

웹프로그래밍 기초 학습일지 -3-


웹 프론트엔드와 웹 백엔드


웹은 프론트엔드백엔드로 나뉘어진다.

브라우저를 프론트엔드 또는 클라이언트라 하고,


인터넷 유저에게 보여지지 않는 부분을 

백엔드라 한다.



학습목표

1.웹 프론트엔드에 대한 역할과 기술적 구성

2.웹백엔드에 대한 역할과 기술적 구성





웹 프론트엔드

사용자에게 다양한 데이터(문서,동영상,이미지 등)을 제공한다.

그리고 사용자의 요청에 반응해서 동작한다.


역할

구조를 만드는 과정(책이나 신문처럼)

적절한 배치(보기 좋게)

사용자요청에 반응(소통하듯이 부드럽고 빠르게)


HTML, CSS ,JavaScript


실습

크롬브라우져에서 평소 자주 이용하는 웹사이트를

웹사이트 도구로 살펴보기




HTML의 구조는 계층적으로 되어 있다.

CSS는 폰트의 크기, 사이즈 등 웹페이지의 스타일을 결정한다.

JavaScript는 서버의 동적인 부분을 담당한다.



웹 백엔드

백엔드는 프로그램의 뒷쪽, 서버입장에서

개발이 진행된다.


백엔드는 서버사이드(Server Side)이다.

백엔드 개발자는 클라이언트의 요청을

받아 일을 처리한 후에 결과를 넘겨주는

부분을 개발한다.

=>클라이언트 부분의 문제 해결파트


백엔드 개발자가 알아야할것

-프로그래밍 언어(JAVA,Python,PHP 등)

-웹의 동작원리

-알고리즘, 자료구조등 기반 지식

-운영체제, 네트워크에 대한 이해

-프레임워크에 대한 이해(Spring 등)

-DBMS(데이터베이스 관리소프트웨어)

에 대한 이해(예:Mysql, Oracle, MiracleSQL 등)








도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요! 


반응형
반응형

 코딩 

웹 프로그래밍 기초 학습일지


웹 프론트앤드

-HTML,CSS 등 유저와 직접 상호작용하는 부분


웹 백엔드

-웹 서버 내에서 동작하는 부분

웹이 어떻게 동작

웹 서버는 무엇? 웹 애플리케이션 서버는

무엇?

간단하게 서블릿을 배우게 된다.


학습목표

웹 프론트엔드

CSS의 특성을 잘 알아야한다.


웹 백엔드

클라이언트와 서버간의 상호작용을

잘 이해한다.



Tip!!!
-학습일지를 4,5줄 써본다.
-웹서핑을 하면서 URL의 변화에 주목한다. 







학습내용

1.Web개발의 이해 -FE/BE
1) 웹 프로그래밍을 위한 프로그램 언어들
다양한 프로그래밍언어가 존재하며,
종류도 많다.
어떤 언어를 선택하는 것이 좋을까?


저급언어
기계중심의 언어
0과 1, 2진수로 이루어진 값으로 작성하는 프로그래밍
언어를 기계어(Machine Language)라고 한다.

기계어의 단점:숫자로만 된 프로그래밍언어
사용이 굉장히 어렵다.

따라서 숫자로 된 문장와 1:1 대응하는
기호를 만들었는데 그것이 프로그래밍언어이며,
이 사이에서 통역해주는 역할을 하는 것이
컴파일러이다.

저급언어의 예시) 어셈블리어(Assembly Language)




고급언어
고급언어는 사람중심의 언어
컴퓨터 성능이 좋아지고, 컴파일 기술이 발전하면서
사람중심의 언어로 프로그래밍 할 수 있다.

고급언어의 예시)포트란,코볼,C언어.Lisp.스위프트,
코틀린,파이썬,자바 등

웹프로그래밍에서 인기가 가장많은 언어는 무엇일까?
파이썬,PHP,자바스크립트,JAVA,루비








정리

1.프론트엔드 부터 서버개발 까지 한가지
프로그래밍 언어를 사용하여 개발한다면
어떤 언어를 사용하는것이 좋을까?

=자바스크립트가 가장 적합할 것이다.
프론트엔드에서 직접 사용자와 소통가능하며
서버의 내용도 조작할 수 있기 때문에

2.다양한 라이브러리, 쉬운 개발, 읽기 쉽고 적은
코드를 장점으로 하면 어떤 언어가 좋을까?
=파이썬이 가장 적합할 것이다. 요새 뜨는
언어로 누구나 쉽게 배울 수 있으며
다양한 라이브러리를 통해 다양한 구현이
가능하기 때문이다.

3.프로그래밍 언어에게 좋은 커뮤니티가
있다는 것은 어떤 장점이 있나?
=프로그래밍 과정에서 문제에 봉착했을때
해결책과 도움을 쉽게 얻을 수 있다는 장점이
있다. 


도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요! 


반응형

+ Recent posts