나의 웹개발 기초실력 파악하기

개발역량 테스트 : https://youngcade.me/level.html

안녕하세요 영카데미 멘토 김민영 입니다.

멘토링을 시작 하기전 아래의 질문을 통해 현재 수준을 파악 하고 현재 수준에 맞는 과제를 전달 하고 있는데요.

아래의 질문은 본인이 어디까지 이해하고 부족한지 파악을 하기 좋은 지표로 사용이 될 수 있어 칼럼을 통해 공유 해봅니다.

1. 네이버 웹사이트를 이미지로 전달 드리면 HTML과 CSS를 이용해서 구현이 가능한가요?, 반응형으로 디바이스 사이즈에 따라서 레이아웃을 변경 할 수 있나요 ? (JS로 구현 된 부분이 아닌 단순 퍼블리싱 능력체크 문항)

• 불가능하면 웹의 기초지식이 전혀 없는 상태로 HTML 태그와 CSS기초 및 레이아웃 구현방법 Flex, grid등에 대한 이해도가 필요한 상태 입니다. HTML, CSS 기초지식을 배워보세요.

공부 기간 : 1~2주

2. 자바스크립트에서 total 함수를 만들어 1~숫자 값까지의 합계를 버튼이 클릭 된 경우에 console창에 출력 할 수 있나요 ?

• 불가능하면 자바스크립트 기초(자료형태, 반복문, 조건문, 함수 등)를 공부 해보세요.

공부 기간 : 1주

3. 자바스크립트를 이용하여 버튼을 클릭 했을때 화면에 보이는 텍스트를 변경 할 수 있나요 ?

• 불가능하면 자바스크립트를 이용하여 HTML DOM 접근방법 이해도가 부족합니다.

공부 기간 : 1주

4. 브라우저 또는 클라이언트에서 백엔드에게 HTTP요청을 받아 화면에 보여주는 과정을 이해하고 있나요?

• 이해가 안간다면 웹의 기본 동작구조를 이해하고 있지 못합니다.

• 브라우저에 링크를 입력하고 이동 할 때 DNS에 조회 후 서버에 요청하고 HTML또는 다양한 데이터를 받아오는 과정을 이해 해야합니다.

공부 기간 : 1시간

5. 자바스크립트에서 fetch,axios등을 이용하여 API호출을 하고 전달 받은값을 console창에 보여줄수 있나요 ?

• API가 이해가 안간다면 API의 개념을 이해 해보세요.

• fetch, axios등의 HTTP요청에 대해 이해 해보세요.

공부 기간 : 1주

6. API문서가 무엇인지 알고 있나요? API문서를 통해서 API키값, HTTP요청(GET,POST etc)과 파라미터값을 넘기라고 하는게 무슨말인지 이해 하나요?

• 이해가 안간다면 백엔드 구현 공부를 통해 이해 해보는걸 추천 합니다.

공부기간 : 2~3주

7. 백엔드언어(Node.js, Java, PHP etc)를 통해 클라이언트가 /list 라는 요청을 보냈을때 HTML로 작성 된 웹페이지가 보여지게 구현이 가능한가요 ?

• 불가능하면 백엔드언어를 하나 골라서 간단한 웹페이지를 구현하며 이전에 배운 HTTP요청을 통해 웹페이지 보여지는 단계까지 이해 해보세요.

공부기간 : 1주

8. RDBMS(MySQL, Oracle etc)에서 테이블을 간단하게 구성하고 쿼리문(Select, Insert, Update, Delete)을 작성 할 수 있나요 ?

• 불가능하면 RDMBS를 하나 골라서 설치하고 테스트 쿼리문을 날려보는 연습을 해봅니다.

공부기간 : 1주

9. 백엔드언어와 본인이 선택한 RDMBS를 연동하고 백엔드언어에서 쿼리문을 날려서 데이터를 불러오거나 업데이트 할 수 있나요 ?

• 불가능하면 연동방법을 검색해서 시도 해보세요.

공부기간 : 1일

10. DB에서 불러온 데이터를 클라이언트 요청이 있을때 JSON으로 응답 할 수 있나요 ?

• 불가능하면 JSON을 응답 하는 방법을 찾아 적용해보세요.

공부기간 : 1일

11. 클라이언트에서 API요청을 하여 받은 JSON값(게시판 리스트 내용이라고 가정)을 화면에 보여줄수 있나요 ?

• 불가능 하다면 이전에 배운 DOM접근방식을 이용하여 JSON값을 어떻게 반복 시켜줄지 고민해서 적용 시켜보세요.

공부기간 : 1일

12. 페이지네이션(몇페이지를 볼지 클릭하는 숫자들)을 통해서 사용자가 클릭 한 숫자가 중앙에 유지 하게끔 페이지네이션을 구현 할 수 있나요? (라이브러리 사용 안함)

• 불가능 하다면 기본적인 알고리즘 구현 실력이 부족 합니다. 기초알고리즘을 꾸준하게 공부해보세요.

공부기간 : (개인역량에 따라 다름)

13. 구현 한 소스코드를 깃저장소에 올리고 AWS, GCP, 일반 호스팅 서버등에 코드를 업로드 하여 사용 할 수 있나요?

• 불가능 하면 기본적으로 Git, Linux 명령어, Nginx/Apache, CI/CD 등 이해도가 필요 합니다.

공부기간 : 3~4주

위 내용의 13개를 모두 이해 할 수 있다면 기본적으로 좋은기업은 아니더라도 개발회사에 취업하여 일반적인 기능구현에는 큰 문제가 없는 단계 라고 봅니다.

하지만 더 좋은 개발자, 더 높은 연봉을 받기 위해서는 이제는 디테일한 부분에 대한 역량을 키워야합니다.

알고리즘 및 자료구조, 네트워크 및 보안 CS내용, JS의 깊은 내용(ECMA6~, 클로저, 스코프체인, Promise(-async,awiat)), SPA(React,Veu etc), NoSQL, CSS 전처리기, Docker, CI/CD, 실시간통신방법, 브라우저 저장방식, 로그인 구현방식 등등 배울 내용은 무수히 많으며 본인이 가려고 하는 포지션에 따라 깊게 파고 들어야 분야의 차이는 발생 합니다.

위의 지표를 통해 본인의 개발수준을 파악하고 공부 해보는걸 추천 드립니다.