연어는 못참아
911
2021-08-27 22:43:04 작성 2021-08-27 22:46:32 수정됨
4
626

프론트 개발자는 프로젝트에서 템플릿이나 ui를 어디까지 적용해야 인정 받을수 있나요?


안녕하세요. 신입 개발자 인데요. 회사에서 템플릿이나 ui를 적용해서 

프론트를 제작하라고 하는데요. 요새 다른회사들도 다 그렇게 하고 있는 추세라고 합니다.

프론트 개발자는 프로젝트 할때 템플릿이나 ui를 그대로 가져다 쓰고 적절하게

커스텀만 해줘도 일을 제대로 하고 있다고 인정 받을수 있나요?


템플릿이나 ui를 쓰면 제가 노가다로 하나하나 만드는것보다 깔끔하고 이쁜건 사실인데요.

개발 속도도 빨라집니다.

이걸 css분야로 보고 걍 가져다 쓰고, 적용하는걸 프론트 영역으로 봐야하는건지..

이걸 적용하는것도 실력이긴 하지만 심한거는 그냥 복붙하고 값만 적절하게 바꿔주면 되는거라 이렇게

해도 실력을 늘릴수 있을지 의문입니다.


솔직히 돔구조니 스코프니 몰라도 ctrl+c, ctrl + v만 잘해도 구현되는게 많아서 개발자라고 하기엔...ㅜㅜ


한줄 요약을 하면 프론트의 템플릿이나 ui도구를

백엔드로 치면 자바를 잘 쓰기 위한 스프링이라고 생각하면 될까요? 아니면 몇개 값만 바꿔주면 소스코드를 만들어주는 금융권 개발 프로그램으로 생각하면 될까요?


0
  • 댓글 4

  • 마라토집착
    5k
    2021-08-27 22:49:18 작성 2021-08-27 23:02:32 수정됨

    여러가지  ui 템플릿이 있습니다.  Ui components 오픈소스도 있구요.  리스트 html 를 만든다고 칩시다

    백만개 데이터와 연동이 되도 부드럽게 스크롤 되는것을 

    만들기는 어려워도 오픈소스에 있으면 (nhn toast ui)    

    가져다 쓰는게 맞습니다.  히지만 리스트  데이터를 그 사이트에 맞게 소팅 해야 한다면 ,또는 그 오픈소스 내부를 바꾸는일 (그 오픈소스의 api를 이용해서 adds on 기능제작)은 리액트 와 js 문법을 깊이 있게 알아야 가능 합니다

    복붙으로 코딩 하지만  지금  내가 사용하는 js 프레임워크 구조를 이해못하면 업무 구현 을 못합니다 

    프로토타입  화면을  약 7개정도 만들어 놓고 그것을 계속 복붙으로 만드는게  업무 sw 만드는 방식입니다.

    전형적인 것은 화면 7개면 종류가 거의 나옵니다

    이것을 프로토타입이라고 하는데 이것을  cntrol-c ctrl-v 로  타이핑  치면서 조금식 응용 하면서 리액트든 vue 화면을 만들고  백지상태에서는 플젝 안합니다

    유명한 오픈소스 ui 프레임워크를 제대로 사용할려면  

    Git에 있는 그 소스를 읽을수 있어야 합니다 그럴려면 모던자바스크립트 문법은 능숙해야죠. 이 상태에서 복 붙하는겁니다.  Nhn toast ui 의 그리드 모듈 , 리액트 버젼   소스  이해하기 쉽지 않습니다.   

  • 연어는 못참아
    911
    2021-08-27 23:03:56 작성 2021-08-27 23:09:34 수정됨

    마라토집착  <-- 답글 감사합니다.!!

    당연히 템플릿이나 ui를 그 페이지에 최상의 조건으로 적절하게 만드는건 실력이고

    정확한 이해구조가 필요한데요..

    저는 아직 신입이라 많은 걸 배워야 하는 입장입니다. ㅜ,ㅜ

    예를들어 트리구조 게시판을 짜야 한다면 그 구조에 대해 정확히 알아야 그걸 만들수 있지만

    템플릿은 복붙하면 자동으로 만들어지기 때문에 구조에 대해 고민하지 않고 넘어갈수도 있습니다.

    직접 구현 하면 헤더는 어디에 네비는 어디에 바디는 어디에 이런식으로 전체 구조를 생각해 보겠지만 템플릿으로 만들어진걸 쓰면 굳이 그런 구조를 생각할 필요가 없잖아요.ㅠㅠ 

    . 말씀하신것처럼 대량의 데이터를 연동해서 적절하게 커스텀 할 수 있을 정도로 정확한 이해를 겸비한 실력을 키우고 싶은데 템플릿과 ui를 가져다 쓰면 그게 안되지 않을까 하는 생각이 듭니다.

    그렇지만!! 조언해 주신것처럼  쓰기는 쓰되 정확한 구조를 이해하고 있고 가지고 놀 정도의 응용력을 키워 보겠습니다.

    우어어어억.. 선배님 프로토타입 화면을 7개 정도 만들어 놓고 기능을 추가하는 군요.

    알려주셔서 정말 감사합니다. 그 부분에 대해서 공부한뒤에 적용해 보겠습니다. +_+ 



  • 마라토집착
    5k
    2021-08-27 23:12:43 작성 2021-08-27 23:43:37 수정됨

    네  유명 오픈소스 nhn toast ui  이것을 깃헙 가서 수시로  

    방대한 소스를 정리해서 그 원 commiter 의도를 알정도로 반복해서 그 구조를 분석할 필요가  있습니다. 

    내가 그 오픈소스의 add on 모듈을 만들려고 노력하면서 복붙해야 하니  .  회사에서  사용하는 js 오픈소스에 익숙해지세요 거의 외울정도로요.   

    그리드,  리스트박스, masked text box (자동포맷), 파일업로드 기능 버튼, 엑셀다운로드 기능 버튼, ckeditor 등

    이런 ui들 직접 개발 안합니다.  상용/오픈소스 ui components 프레임워크의 샘플을 복붙합니다.  하지만 이  오픈소스 내부구조도  내입맛에 맞게 수정도 가능해야함 !! 

    -->  높은 수준의 js 문법 지식 필요. 특히 es6 

    항상 베스트 프랙티스로 다듬어진  프로토타입 화면을  만드세요.  거의 7종류나오고 여기서 다 응용 파생이 가능한 화면 입니다.  특히 업무내부 시스템 erp  이런쪽을  

    리액트 + 스프링으로 만들때 더욱 그렇습니다

    웹 Ui 개뱔은 ㅎ 기본적으로 복붙이 맞습니다. 하지만 단순함 이상이 필요함 

  • 연어는 못참아
    911
    2021-08-27 23:20:57

    ㅜㅡㅜ 선배님...크게 배우고 갑니다. 도움 주셔서 정말 감사합니다. ㅠㅠ 

  • 로그인을 하시면 댓글을 등록할 수 있습니다.