프론트엔드 개발자가 반드시 알아야하는 지식과 팁
본문 바로가기

Life

프론트엔드 개발자가 반드시 알아야하는 지식과 팁

일해보면서 느끼고 개발자 선배님(동료, 멘토, 상사)들에게 배운내용들을 정리해보려한다. 나도 잊지않기위해 계속 업데이트할 예정!

 

기본

0. 깃 지식

이건 개발자직군이면 필수겠지만 매번 쓰는 기능만쓰는데 stash처럼 유용한 것도 있어서 알아두면 좋을것같다.

https://dubaiyu.tistory.com/323

 

git stash로 commit안하고 잠깐 다른곳에 저장하기

하던 작업을 중단하고 특정한것만 커밋해야할때가 있다. 이때 브랜치나 레파지토리 새로파서 다른 깃에 올리거나 아니면 notepad혹은 메모장같은곳에 코드를 잠깐 옮기는 방법도 있다. 혹은 remote

dubaiyu.tistory.com

1. 알고리즘

프론트앤드 개발자는 최소 백준 실버는 갖춰야한다. 감을 잃지않도록 하루 1문제씩 푸는것을 습관화하자.

유투버 라매개발자님이 백준 알고리즘푸는 방법을 알려준다. 단계별로 풀어보기에서 정렬까지 푼뒤에 기초1,2강에서 나오는 문제들을 풀면된다고.

백준외에도 프로그래머스, leetCode 등이있다.

 

2. CS

아니 개발하랴 신기술따라잡으랴 바쁜데 cs는 언제하지?? 평일에는 업무와 기술공부를하고 주말에는 cs이론이나 브라우저관련 공부를 하라고 상사님께서 꿀팁을 알려주셨다.

네이버 edwith에서 제공하는 cs50 컴퓨터과학 교양강좌도 보면좋고 공부하다가 모르는 용어들은 구글링파면서 정리한다. 정보처리기사 자격증은 못따더라도 책사서 공부하는것을 추천

 

3. 마크업(퍼블리싱)

이거관해서 할말이많지만 프론트앤드 개발자인데 css약한사람 의외로 있더라. 타직군 개발자들은 대부분이라고 생각하면된다. 그렇기때문에 Ant design, 머테리얼UI같은 라이브러리에 엄청 의존하게됨. 그들 덕분에 내가 지금까지 일하고있는 것일수도있으니 감사하다고해야하나; 보통 디자인 감각도없고 시간만 오래걸리고 허드렛일이라고 생각해서 신입차지가 되버린다.

 

필수

1.메소드 호출시 예외처리

브라우저에러발생시 유저가 모르기때문에 프론트단에 알려주기

- 알람창이나 디스크립션을 예쁘게 꾸며서 보여주면 좋을듯함

 

2. http관련지식 특히 캐시 무효화부분

데이터가 캐싱된 데이터를 보여줄수도있기때문, get메소드사용할때 주의해야함

https://dubaiyu.tistory.com/335

 

Rest API 사용시 Caching 주의

이미지파일이나 css, js에서만 캐시가 가능한줄 알았는데(Cacheable) Rest API에서도 가능하다는것을 배우게되었다. Get 요청, Head의 경우 웹브라우저상에서 캐싱이 쌓이기 때문에 데이터는 변경될지언

dubaiyu.tistory.com

 

옵션

UIUX

타고난 사람은 많이없을테니 감각을 기르기위해서 레퍼런스와 관련책을 많이보고듣고하는방법 밖에는 없을듯.

반응형