김평범's OrdinaryCode

BFF 패턴 Backend for Frontend의 약자로 간단히 말하면 프런트앤드를 위한 백앤드 서버를 말한다. BFF패턴이 발생하게된 이유는 다양한 디바이스 장치 때문이다. 같은 서비스라도 다양한 디바이스 장치가 생겨나면서 각각 환경에 맞는 UI가 필요해졌고 프런트앤드 개발자들은 이전에 비해 더 많은 클라이언트 환경을 고려하게 되었다. (PC, 모바일, 애플워치, 태블릿 등..) 같은 서비스라도 사용하는 디바이스 환경에 따라서 보이지는 디자인과 데이터도 달라지게 되는데, 이런 분기 처리를 하기 위해 나타난 것이 바로 BFF 패턴이다. BFF패턴의 특징 프론트앤드 요구사항에 맞는 도움을 주는 보조 서버 개념으로 BFF패턴은 하나의 클라이언트에 하나의 매칭되는 BFF가 존재한다. BFF는 하나의 큰 프로..

프런트 앤드 개발자는 사용자가 편리한 UI/UX를 제공해주는 것도 중요하고 디자이너가 제작해준 디자인을 100% 구현하는 것도 중요하다. 개발을 하다 보면 잘 챙기진 않지만 이런 부분을 챙기면 좀 더 퀄리티가 올라가는 사이트를 제공할 수 있는 부분들이 있어서 공유해보고자 한다. 1️⃣ 에러 화면 구현하기 생각보다 개발에 급급하다 보면 에러 화면에 대한 퍼블리싱은 미룰 때가 있다. 사용자가 에러화면을 만나는 경우는 종종 있다. 보통 개발이 급하게 돌아가는 경우 에러 화면을 챙기지 못하면, 프로젝트 내에서 제공하는 기본 에러 화면이 뜨는 경우가 있다. 이러한 에러 화면은 사용자에게 정확한 에러 내용을 전달할 수 없을 뿐 아니라 다시 정상적인 화면으로 돌아가는 길을 제공하지 못한다. 좋은 에러 화면에는 사용자..

업종 중에 개발직군은 트렌드가 매우 빠른 분야이다. 그래서 트래드에 맞춰서 새로운 언어들을 빠르게 따라가야 한다. 그중 kamranahmedse가 웹 개발자가 되기 위한 로드맵을 매년 이미지로 제공해주고 있다. 그해 연도에 트렌드하고 힙해진 언어들이 어떤 것들이 있는지 확인할 수 있다. 올해에도 2022년 프런트엔드 개발 로드맵이 떠서 살펴보기로 했다. 해당 github은 영어로 되어있는데 해당 로드맵 사이트를 한글로 번역해준 사이트도 있는데, 오늘은 해당 사이트의 자료를 보면서 주니어들이 주목해야되는 우선순위에 대해 말해보려 한다. 출처 : https://github.com/Han-Kyeol/developer-roadmap-kr- GitHub - Han-Kyeol/developer-roadmap-kr-..