웹 개발에 앞서... (부제: Frontend vs. Backend)

1. 첫 웹개발은 학교에서부터

저에게 첫 웹은 자바스크립트로부터 시작했습니다. 물론 그 이전에 HTML과 CSS를 알고 있었지만 유튜브 영상으로 기초적인 것만 알고 있는 수준이라 진정으로 웹 개발을 해봤다고 할 수 있는 것은 이 시점부터인것 같습니다. 그렇다고 이때 거창하게 프로젝트를 해서 제출한 것이 아닙니다. 변수 선언, 조건문, 반복문, 함수 등 기본적인 문법과 관련하여 학습하였습니다. 그렇게 저의 첫 웹 개발을 학교 수업에서 경험하게 되었습니다.

 

2. 얼떨결에 해커톤 출전, 처음으로 프레임워크 사용

그러던 중 군 입대를 앞두고 있던 올해 2월, 할 것도 없고 붕 떠있는 저에게 '뭐라도 해보자'라는 생각이 뇌리를 스쳤고 마침 교내 동아리에서 해커톤을 홍보하는 톡이 오자 신청을 하게 되었습니다.

 

https://swhackathon.com/

SW중심대학 공동해커톤

해커톤이란 용어를 들어보기만 했지 실제로 해본 적이 없어서 걱정이 많았습니다. 해커톤이란 대회도 처음이었지만 '무엇을 사용해서 어떤 과정을 거쳐 원하는 결과물을 완성한다' 라는 것이 가장 큰 걱정이었습니다. 무엇을 사용하는지 알 수 없었고, 결과물을 완성하기까지 일련의 과정들이 이전에 해보지 못했던 기술들을 다룰 수 있기 때문입니다.

 

본 대회의 목표인 서비스 개발을 준비하면서 학교에서 한 학기동안 배운 자바스크립트 내용을 가지고 프론트엔드를 맡게 되었습니다. 이 때 프레임워크라는 것을 처음 알게 되었고, 자바스크립트라는 것이 프론트엔드에 쓰이는구나도 알게 되었습니다. 우여곡절 끝에 리액트 네이티브로 앱 개발을 하게 되었고 그렇게 프론트엔드 경험의 시초가 되었습니다.

 

3. 군 입대 후 개발대에 배정. 프론트엔드에 대한 탐구

현재 모 부대에서 프론트엔드로서 프로젝트를 개발하는 업무를 맡게 되었습니다. 사실 완전 프론트엔드만 하는 것이 아니라 백엔드로 넘어가서 백엔드 작업도 할 것 같습니다. 그래서 이 역할들(?)은 무엇을 하고 어떤 개발 Stack을 이용하는지 궁금해졌습니다.

 

4. 프론트엔드

웹 사이트에서 사용자가 직접 상호 작용하는 부분을 프론트엔드라고 합니다. HTML(HyperText Markup Language), CSS(Cascading Style Sheets), Javascript를 조합하여 구축합니다.

 

주로 사용하는 프레임워크는 Angular, React, Vue 입니다.

 

https://angular.io/

Angular

https://ko.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

https://kr.vuejs.org/v2/guide/index.html

시작하기 — Vue.js

 

5. 백엔드

요청 시 데이터를 제공하는 서버, 데이터를 채널화하는 애플리케이션 및 정보를 구성하는 데이터베이스로 구성됩니다. 요점은 프론트엔드에 적합한 데이터를 전달하는 것입니다. 데이터베이스는 MySQL, NoSQL 등을 사용하고 프레임워크는 Ruby on Rails(Ruby), Spring(Java), Node.js(Javascript), Django(Python)이 있습니다.

 

https://rubyonrails.org/

Ruby on Rails

https://spring.io/

Spring makes Java simple.

https://nodejs.org/ko/

Node.js

https://www.djangoproject.com/

 

6. 일단 프론트엔드부터..

프론트엔드부터 시작하기도 했고 지금 당장 써야할 기술이 Javascript 이다 보니 Javascript를 공부하는 쪽으로 가닥을 잡게 되었습니다.  프레임워크를 쓸 수 있는 상황이 아닌지라 좀 고단하겠지만 프로젝트 완료를 위해 열심히 노력해야겠습니다.

 

출처

https://www.geeksforgeeks.org/frontend-vs-backend/

Frontend vs Backend - GeeksforGeeks

https://www.conceptatech.com/blog/difference-front-end-back-end-development

What Is the Difference Between Front-End and Back-End Development? Software Engineering