java 웹 개발자 기본 지식

java 웹 개발자 기본 지식

 

 SI 업체에 자바 웹개발자로 일을 시작하게 되면서 제가 막혔던 부분, 시간투자가 필요했던 부분을 기반으로하여 개인적으로 초반에 기반을 다져놓으면 좋겠다고 생각한 내용에 대하여 알아보도록 하겠습니다. 

 

 

1. CSS기초지식

 자바 웹 개발은 기본적으로 html/css/javascript로 구성된 프론트영역의 문서와 Spring과 같은 서버영역의 결합으로 구성이 됩니다. 프론트단에 특화된 기술자를 프론트엔드 개발자(웹퍼블리셔) 라고 하며, 개발을 진행할 때 퍼블리싱 업체에 프론트단의 작업을 받아서 로직을 적용하는 경우도 있고, 간단한 페이지의 경우에는 직접 화면을 구성하여 해결하는 경우도 있습니다. 또한 퍼블리싱을 받아서 작업을 하는 경우에도 로직을 연결하면서 크고작은 변경점들이 생기므로, CSS기초지식 에 대하여 알고 있으면 좋습니다. 특히 css선택자 혹은 가상클래스 가상요소와 같은 동적 스타일 변경에 대하여 알고있다면 코드를 이해하기도 편하고 수정/변경작업도 용이해 질 것입니다.

출처.MDN Web Docs

 

 

2. 자바스크립트, JavaScripit

 실제 개발에서는 자바스크립트 라이브러리중 하나인 제이쿼리(JQuery)를 주로 사용하지만, 최근들어 제이쿼리의 의존도가 많이 하락하는 추세이기 때문에 자연스럽게 순수 자바스크립트에 대한 관심도가 높아지고 있습니다.( 부트스트랩은 버전(ver.5)부터는 제이쿼리에 대한 의존성을 제거하겠다고 발표하였습니다.) 물론, 제이쿼리는 자바스크립트 라이브러리 생태계에서 여전히 높은 사용율을 유지하고 있습니다. 하지만, 웹 표준API가 늘어나고 가상돔(Virtual DOM)을 사용하는 차세대 라이브러리가 등장하는 등의 웹 브라우저환경의 변화와 새로운 기술의 도입으로 인하여 관심도가 분산되고 있습니다. 이런 상황에서 순수 자바스크립트를 이해하고 잘 다룰 수 있다면, 라이브러리 선택에 있어 유연하게 대처할 수 있을 것입니다.

 

 

3. Ajax, Async Javascript And XML

 웹 페이지에서 데이터의 요청과 처리를 하는 방식에는 동기 처리모델과 비동기 처리모델이 있습니다. 동기 처리모델에서는 브라우저는 요청작업이 종료될 때 까지 다른 작업이 일시중지되지만, 비동기 처리모델에서는 사용자는 서버에 정보를 요청한 후에도 사용자가 다른 작업을 수행할 수있고 서버에서 데이터를 전달받으면 브라우저 이벤트가 발생하여 콘텐츠를 처리하는 방식입니다. Ajax는 비동기 처리모델을 사용하여 데이터를 처리하는 기법이고 주로 주고받는 데이터의 형식으로 JSON(JavaScript Object Notation)을 이용합니다. 실시간으로 변화하는 데이터의 흐름을 빠르게 보여줄 수 있기 때문에 비동기처리에 대하여 숙지하고 있다면 큰 도움이 될 것입니다.

 

 

4. 공통코드 사용하기(Database)

 상수값에 대한 처리와 관련된 내용입니다. 데이터의 속성에 사용되는 값들의 집합을 공통코드 테이블에 생성하여 관리해야 합니다. 공통코드를 관리함으로써, 하드코딩을 지양하게되고 변화에 유연하게 대처할 수 있게 될것입니다.

- 일반적으로 "Type" 에 해당하는 것들을 데이터의 속성이라고 생각하면 됩니다.

예를들어 게시판의 "Type" 이라고생각한다면 [일반게시판, 질문게시판, 이미지게시판, 관리자게시판, ... ] 이 될것입니다.

 

 

5. 영어

 이슈가 발생하여 구글링을 통하여 해결방법을 찾을 때 , 해외자료들이 대다수이기 때문에 기본적인 영어 독해능력이 있으면 이슈해결에 시간단축을 할 수 있을 것입니다. 또한, 처음 접하는 기술에 대한 메뉴얼도 대부분 영문을 기준으로 작성되어있기 때문에 개발자라면 영어공부도 꼭 필요하다고 생각됩니다.

 

 

 

 

 

2020/12/19 - [IT/이모저모] - 신입 java 웹 개발자 기술면접 대비