더 나은 프론트엔드 개발자가 되기위한 8가지 팁
July 02, 2022
프론트엔드 개발자로서 더 성장하기 위해서는 어떠한 것들을 해야할까에 대한 고민은 항상 많다. 우연히 좋은 article을 읽게 되어서 번역보았다. 두고두고 보면서 참고해야겠다.
8 Tips To Become A Better Front End Developer
Should I use this plugin or that library? Should I plan this project or dive straight into coding? Should I ask for help or figure it out myself?
이 플러그인을 사용해야할까? 아니면 저 라이브러리를 사용해야할까? 이 프로젝트를 하는 걸 계획해야할까 또는 코딩에 집중해서 파고들어야할까?
도움을 구해야할까 아님 나 스스로 해결해야만 하는걸까?
I know how you feel. I felt the same way. That all changed when I started implementing the below points into my routine.
나도 그 기분을 안다. 나도 겪어본 적이 있기 때문이다. 나의 루틴에 아래 포인트들을 실행하기 시작하면서 모든게 바뀌었다.
Whether you are a newbie or professional, chances are that some of these points will help you to bring your front-end development career to the next level.
당신이 신입이거나 프로페셔널이거나 상관없이, 이 포인트들이 당신의 프론트엔드 개발 커리어가 다음 레벨로 갈 수 있게 도울 수 있을 것이다.
1. 프로젝트를 계획해라
The first mistake and surprisingly very common even with senior developers is that most of us don’t plan. It’s boring, we don’t know how to plan and we feel that it’s not our job. That’s why we quite often skip this very important step.
시니어개발자일지라도 가장 흔하게 하는 첫번째 실수는 대부분 계획을 세우지 않는다는 것이다. 계획을 세우는 건 매우 지루하고, 어떻게 계획을 세워야할지도 모르겠고, 이게 우리 일이 아니라고 느낀다. 그래서 굉장히 중요한 단계를 종종 스킵하는 것이다.
Making a simple project based to-do list will allow you to:
투두리스트에 기반해 심플 프로젝트를 만드는 것은 아래를 할 수 있게 한다.
stay organised 정리한 상태에 있게 하고,
keep your head clear and focused on the task at hand
머리를 명확하게해서 태스크에 집중할 수 있게 하며
highlight any roadblocks early in the project phase
프로젝트 초기 단계에서 장애물을 강조할 수 있게 된다.
Planning is important, but not always everything goes as carefully planned.
계획을 세우는 것은 매우 중요하지만 항상 모든게 계획한대로 흘러가지는 않는다.
2. 적극적으로 행동하라
There is nothing worse then telling your client or boss, that things are taking longer than expected and that the project won’t be delivered on time.
클라이언트나 상사에게 프로젝트가 예상했던 것보다 더 길어지게 될 것 같다거나 제때에 되지 못할 것 같다고 말하는 것만큼 최악인 것은 없다.
Proactively highlighting any roadblocks or delays is a very powerful way to keep everyone happy.
적극적으로 장애물이나 지연에 대해 강조하는 것은 모든 사람들을 행복하기 위한 강력한 방법이다.
It’s ok if things are taking longer than initially planned, but it’s not ok to keeping this for yourself.
처음에 계획했던 것보다 더 길어지면 괜찮지만 이런 것들을 계속 지속하는 것은 나 스스로에게 괜찮지 않다.
You’re stacked with a bug or can’t figure something out? You are not alone, everyone even the most experienced developers have the same issues on almost every project.
버그가 쌓여있거나, 어떤 게 잘 이해가 되지 않는가? 당신은 혼자가 아니다. 많은 경험있는 개발자들은 거의 모든 프로젝트에 같은 이슈를 가진다.
When this happens, call it out!
이런 일이 생기면 이것에 대해 말하라.
Everyone will appreciate that you are trying your best and keeping them in the loop with the progress.
그러면 모든 사람들이 당신이 최선을 다하고 있다는 것에 감사함을 가지게 될 것이고, 그들에게 진행상황을 공유할 수도 있다.
3. 호기심을 가져라
I believe that one of the most important attributes on this list is being curious.
리스트 중에 가장 중요한 것은 호기심을 가지는 것이라고 생각한다.
New tools, plugins, techniques and languages are being released almost every day.
새로운 툴,플로그인,기술,언어들이 거의 매일 나온다.
It is very important that you stay open to all the new things and will make an effort to explore and understand them.
새로운 것들에 열려있고 그것들을 이해하고 탐구하는 것은 매우 중요하다.
The bad and at the same time the beauty of front-end development is that it’s moving forward very fast.
프론트엔드 개발의 장단점은 매우 빠르게 변화한다는 것이다.
This means that you can quickly become an expert but also your skills can become very quickly outdated.
이는 당신이 빠르게 전문가가될 수도 있지만 당신이 가지고있는 기술이 매우빠르게 구식이될 수도 있음을 의미한다.
✅ 프론트엔드개발 소식관련 유용한 사이트
- https://css-weekly.com/
- https://frontendfoc.us/
- https://javascriptweekly.com/
- https://bytes.dev/
- https://web-design-weekly.com/
4. 당신의 기술을 위해 투자하라
Front-end development and everything related to it is just a skill and any skill, believe it or not is learnable.
프론트엔드 개발은 기술 그리고 기술과 연관되어 있다. 믿거나 말거나 이는 배울 수 있는 것이다.
You will need to invest in yourself in order to grow. I don’t mean spending money on expensive courses, seminars or books, I am more thinking about investing your time.
당신은 성장하기 위해 스스로에게 투자할 필요가 있다. 값비싼 강의나, 세미나, 책에 돈을 쓰라는 의미가 아니다. 시간을 더 투자해야한다고 생각한다.
There is no short-cut to success and researches show that it takes around 10000 hours to master a skill, that’s around 4 years practicing 40 hours a week.
성공하기위한 지름길은 없고 기술을 마스터하기 위해서는 10000시간 ( 1주에 40시간씩 4년동안)이 소요된다는 연구가 있다.
Be prepared to put up with late nights exploring other websites, experimenting with a new plugins and frameworks, reading web development blogs, listening to podcasts and chewing through thousands of tweets.
늦게까지 다른 웹사이트를 보고, 새로운 플러그인, 프레임워크들을 실험해보고, 웹 개발 블로그를 읽어보고, 팟캐스트를 듣고, 천여개의 트윗들을 볼 준비를 해야 한다.
✅ 프론트엔드개발을 위한 유용한 블로그 및 팟캐스트
- https://css-tricks.com/
- https://tympanus.net/codrops/
- https://shoptalkshow.com/
- https://boagworld.com/
- https://applyfilters.fm/
5. 모든 것에 Yes를 말하지 마라
Clients and bosses are demanding, we all know that.
클라이언트나 상사는 어렵고, 우리 모두는 그걸 알고 있다.
But saying yes to everything can eventually turn against you and you will end up working for less, being under the pump and stressed out.
그렇다고 모든 것에 예스라고 말하면 결국에는 당신에게 불리하게 작용할 수 있고 어려운 상황에서 스트레스를 받으며 적은 비용으로 일하게 될 수 있다.
Carefully evaluate what are the project requirements and align that with your skills. Also be sure to ask which browsers you need to support.
신중하게 프로젝트의 요구사항은 무엇이고 이게 당신의 스킬과 맞는지 평가해야 한다. 또한 지원해야 하는 브라우저는 무엇인지 확인해야 한다.
There is nothing wrong in highlighting which parts of the project will need a senior assistance or will need to be left out of the project scope.
프로젝트에서 시니어의 도움이 필요한 부분 또는 프로젝트의 범위를 벗어나야할 필요가 있는 것들을 강조하는 것은 잘못된게 아니다.
Highlighting these earlier in the project timeline will make the whole process from start to finish much smoother for everyone.
이런것들을 프로젝트 타임라인에 앞서 강조하는 것은 모두에게 시작과 끝의 전체 과정을 순조롭게 만들 것이다.
6. 모든 것에 No를 말하지 마라.
Contradictory to the previous point, but also important attribute of a highly effective front-end developer is learning something new on every project.
이는 이전의 포인트와 반대되지만, 모든 프로젝트에 새로운 것들을 배우는데 프론트엔드 개발자들에게 매우 효율적이고 중요한 요소이다.
Each project is a great way to implement a feature which you are not familiar with or you do something new for the first time.
각 프로젝트는 처음으로 새롭게 하는 것이나 당신이 익숙하지 않은 feature를 실행하기 위한 가장 좋은 방법이다.
By saying no to everything and only doing the things you are familiar with, you are essentially closing the doors for personal and career development.
당신이 익숙한 것만 하거나 모든 것에 No를 말하는 것은 개인적으로나 커리어적인 개발 측면에서 문을 닫는 것이라고 볼 수 있다.
You will soon drown in the sea of average developers.
당신은 곧 평범한 개발자의 바다에 빠져들게 될 것이다.
On the other hand, exploring the unknown will give you a great feeling of achievement, satisfaction and will keep you hungry to learn new things again and again.
반면에, 알지 못한 것들을 탐구하는 것은 성취감과 만족감을 주고 계속해서 새로운 것을 배우는데 갈증을 느끼게할 것이다.
7. 멘토를 찾아라.
You are keen to learn, but not sure where to start? What should you learn next? How to implement this or that?
배우고 싶은데 어디서부터 시작해야할지 모르겠는가? 다음에 무얼 배워야만 할까? 이것 또는 저건 어떻게 실행을 해야할까?
That’s what mentors are great for.
그래서 멘토가 있으면 좋다.
Find someone with more experience than you, someone who is keen to help you to grow.
당신을 더 성장하게 도와줄, 당신보다 경험이 더 많은 사람을 찾아라.
Your mentor should be someone who you respect, someone who you would like to be like. Someone who can teach you how to code and what to avoid doing.
당신의 멘토는 당신이 존경할 수 있고, 당신이 되고 싶은 사람이어야 한다. 코딩을 어떻게 하고 어떤건 피해야하는지 알려줄 수 있어야 한다.
This could be your boss, your colleague or someone online who you will follow.
당신의 보스일 수도 있고 동료일 수도 있고 온라인에 팔로우 하는 사람일 수도 있다.
Bigger companies might have a formal mentorship program in place, but if you are in a small studio or on your own, look on the internet.
큰 회사들은 공식적인 멘토 프로그램이 있겠지만 작은 회사에 다니거나 혼자 일하는 상황이면, 인터넷에서 찾아봐라.
8. 활동적이게 지내라 (운동을 해라)
Working in the digital industry means that we spend a lot of time staring at the computer screen.
디지털 산업에서 일한다는 것은 컴퓨터 스크린 앞을 쳐다보는데 시간을 많이 쓰고 있다는 것을 의미한다.
Sitting 40-60 hours in the office will sooner or later take it’s toll.
오피스 안에서 40-60시간씩 앉아있는 것은 머지않아 큰 타격을 줄 것이다.
That’s why it’s vitally important that you look after your body the same way as you take care of keeping your markup nicely organised and commenting everything you do.
그러니까 당신이 하는 모든 것에 코멘트를 달고 마크업을 잘 정리하는 것처럼 당신의 몸을 돌보는 것은 매우 중요하다.
Healthy body and healthy mind means a better code. So when you schedule your week, don’t forget to include some non digital activities – walk, run, gym or whatever else will make you forget about all the pixels around you.
건강한 몸과 건강한 정신은 더 나은 코드를 의미한다. 그러므로 당신의 1주일을 계획할 때, 디지털 활동이 아닌 것들 예를 들어 걷기,뛰기,헬스장가기 등등을 포함해야 한다.
결론
앞으로 더 성장하기 위해, 더 잘하는 개발자가 되기 위해선 무얼 어떻게 해야할까?에 대한 고민이 많다. 그래서 관련 article들을 읽으며 조언을 얻고 싶었다. 어떻게 보면 많이 들어본 말일 수도 있지만, 나에게 좋은 자극이 된 팁들이라고 생각한다.
참고
https://ihatetomatoes.net/8-tips-become-better-front-end-developer/
