무대 초심자가 졸업 후 1년 내에 전 엔지니어가 되다
3502 단어 프런트엔드
※ 본문은 Tech Inside Drecom에 실린'무대 초심자가 졸업 후 1년 내에 전 엔지니어가 되다'의 Qiita 출장판입니다.
개시하다
안녕하세요, 엔자 서버 엔지니어 샤오린입니다.사적인 일이지만 20대 졸업생으로 입사한 지 1년이 됐다.서버 측 엔지니어로서 매일 업무를 진행하는 과정에서 전방 개발에 도전할 기회를 얻었다.이번에는 서버 엔지니어의 관점에서 전방 신입사원으로서 개발할 때의 느낌을 총괄했다.보도된 내용은 넥스트다.js, React를 사용합니다.
도대체 어떤 이유로 앞머리를 맞닥뜨렸을까.
엔자에서는 게임 플랫폼의 기능으로 게임 개발에 SDK와 API를 제공한다.또 이 기능 검증을 제대로 할 수 있도록'가상 게임'으로 불리는 검증용 앱을 제작했다.이번에 그 검증용 게임을 다시 만들었어요.
구형 어플리케이션은 EC2의 구형 구성인 Ruby on Rails입니다.새로 제작된 어플리케이션은 현대 기술을 적용해 서버 사이드 렌더링을 할 수 있습니다.구성은 다음과 같다.
기본 프런트엔드 학습
HTML, CSS, JavasScript의 기본 지식이 있는 수준에서 시작하십시오.(Ruby on Rails가 개발한 View 제작 경험)
따라서 구성 요소 기반 js 라이브러리의 개발 경험이 없습니다.갑자기 개발에 착수하는 것은 무모하기 때문에 Next.js의 공식 강좌 공부를 한 후에 개발에 착수했다.공식 강좌는 모두 영어지만 블로그 앱 제작을 통해 전면적으로 공부할 수 있다.
앞장서서 배운 것을 겪었다
언어별 코드 형식
경험이 적은 언어는 코드 형식에 익숙하지 않아 자주 혼란스럽다.
또한 제작 중인 인증 애플리케이션에서는 프런트엔드가 Next입니다.Ruby on Rails에서 백엔드를 개발합니다.언어로서 Type Script와 Ruby를 혼합하여 개발한 것이기 때문에 변수와 방법의 명명 규칙에 더욱 주의해야 한다.예를 들어, 변수 이름의 경우 타입 스크립트는 낙타 껍질을, 루비는 뱀 껍질을 사용합니다.의식과 확인의 수정이 한계가 있기 때문에 린터와 코드 연출자에게 맡기기로 했다.응용 프로그램에서 ESLight 및 Preettier를 가져와 코드 형식을 조정합니다.
설정에서는 명명 규칙 등 오류에 주의하지 않는 부분을 중점적으로 설정했다.
이것을 통해 원본 코드의 품질을 유지할 수 있습니다.또한 코드 검사를 할 때 여분의 비용을 낮출 수 있다고 생각합니다.
구성 요소 설계
구성 요소 기반 js 라이브러리의 개발 경험이 없기 때문에 구성 요소 디자인에 매우 고생합니다.구성 요소에 복수 작용을 하여 재사용성이 떨어지는 일도 있다.
또한 외관을 처리하는Presentational 구성 요소와 논리를 담당하는Container 구성 요소로 나누는 개념이 없기 때문에 밀접 보수성이 낮고 재사용성이 낮은 코드이다.이 일대는 코드 리뷰를 받아 개발 경험을 쌓는 과정에서 의식적으로 파악했다.아직은 어려운 부분입니다.
무대 위에서 일하게 돼서 너무 좋아요.
디버깅 정밀도 향상
전방에서 가방 끝까지 망라적으로 볼 수 있기 때문에 오류의 원인 확정이 빨라지고 대응 범위가 넓어졌다.응답에서 그리기까지 할 수 있기 때문에 개발 속도도 높아졌다.
API 설계 수준 향상
프런트엔드 개발을 통해 API를 디자인할 때 사용하는 쪽의 이미지가 떠오른다.따라서 API의 요구와 응답을 고려하여 더욱 좋은 디자인을 고려할 수 있다.
앞으로 해야 할 일
프런트엔드 개발 경험을 통해 서버 측 엔지니어로서 웹 API 설계 방법을 재검토할 수 있는 좋은 기회입니다.앞으로 과거 개발된 API를 재검토하고 개선할 수 있다면 좋겠다.또 이번에는 깊이 파고들지 않았지만 이번에 개발한 앱은 기존 EKS 환경을 개발하고 있다.팀의 지원을 받아 디자인을 했지만 최적화가 안 돼서 저도 가고 싶어요.인프라 시설의 건설에 관해서는 다음에 기회가 있으면 다시 이야기하기를 바랍니다.
끝말
서버로서 전방 개발을 겪은 소감을 말씀해 주십시오.아직 엔지니어라고 자칭할 수는 없지만 응용 프로그램 전체의 상황을 파악하는 능력이 높아지고 엔지니어로서의 능력도 높아졌다.엔지니어 승진 차원에서 다른 분야를 체험해 보는 게 어떨까.만약 본문이 같은 개발 엔지니어를 도울 수 있다면 매우 좋겠다.
Tech Inside Dream의 최신 메시지는 Facebook과 Twitter에서 보냈습니다. 주목해 주세요!
디버깅 정밀도 향상
전방에서 가방 끝까지 망라적으로 볼 수 있기 때문에 오류의 원인 확정이 빨라지고 대응 범위가 넓어졌다.응답에서 그리기까지 할 수 있기 때문에 개발 속도도 높아졌다.
API 설계 수준 향상
프런트엔드 개발을 통해 API를 디자인할 때 사용하는 쪽의 이미지가 떠오른다.따라서 API의 요구와 응답을 고려하여 더욱 좋은 디자인을 고려할 수 있다.
앞으로 해야 할 일
프런트엔드 개발 경험을 통해 서버 측 엔지니어로서 웹 API 설계 방법을 재검토할 수 있는 좋은 기회입니다.앞으로 과거 개발된 API를 재검토하고 개선할 수 있다면 좋겠다.또 이번에는 깊이 파고들지 않았지만 이번에 개발한 앱은 기존 EKS 환경을 개발하고 있다.팀의 지원을 받아 디자인을 했지만 최적화가 안 돼서 저도 가고 싶어요.인프라 시설의 건설에 관해서는 다음에 기회가 있으면 다시 이야기하기를 바랍니다.
끝말
서버로서 전방 개발을 겪은 소감을 말씀해 주십시오.아직 엔지니어라고 자칭할 수는 없지만 응용 프로그램 전체의 상황을 파악하는 능력이 높아지고 엔지니어로서의 능력도 높아졌다.엔지니어 승진 차원에서 다른 분야를 체험해 보는 게 어떨까.만약 본문이 같은 개발 엔지니어를 도울 수 있다면 매우 좋겠다.
Tech Inside Dream의 최신 메시지는 Facebook과 Twitter에서 보냈습니다. 주목해 주세요!
서버로서 전방 개발을 겪은 소감을 말씀해 주십시오.아직 엔지니어라고 자칭할 수는 없지만 응용 프로그램 전체의 상황을 파악하는 능력이 높아지고 엔지니어로서의 능력도 높아졌다.엔지니어 승진 차원에서 다른 분야를 체험해 보는 게 어떨까.만약 본문이 같은 개발 엔지니어를 도울 수 있다면 매우 좋겠다.
Tech Inside Dream의 최신 메시지는 Facebook과 Twitter에서 보냈습니다. 주목해 주세요!
Reference
이 문제에 관하여(무대 초심자가 졸업 후 1년 내에 전 엔지니어가 되다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tid/items/1274ccb9db77c04a13cd텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
