독일개발자초록이

Next.JS 홈페이지의 언어를 바꾸는 쉬운 방법? 안녕하세요. 요즘 홈페이지는 한 가지 언어가 아닌 여러 나라의 언어를 제공하는 경우가 많습니다. 이러한 경우 사용자가 원하는 언어를 내비게이션이나 설정에서 바꿀 수 있는 경우가 많죠. 하지만 사용자 즉 유저가 현재 사용하는 혹은 자주 사용하는 언어를 기본값으로 제공한다면, 사용자는 번거롭게 자신에게 맞는 언어 바꾸는 번거로움이 덜게 될 것입니다. 이번 시간은 Next.JS에서 제공하는 훅을 사용하여 사용자가 현재 사용하는 브라우저의 언어에 따라 그에 상응하는 언어를 기본값으로 보여주는 방법을 알아보겠습니다. useRouter 훅을 사용하자. 마치며 1. useRouter 훅을 사용하자. useRouter는 Next.JS에서 기본으로 제공하는 훅입니다. ..

지금까지 근황 발표. 안녕하세요! 요 근래 일이 많아지면서 블로그에 게시글이 뜸했습니다. 오늘은 지금까지 있었던 일들을 간단히 정리해보려고 합니다. 아우스빌둥 졸업 후? 드디어 한국 입국 그리고 다시 출국 새로운 가족 현재 1. 아우스빌둥 졸업 후? 아우스빌둥을 졸업한 후 저는 운이 좋게도 계속 다니던 회사에서 채용을 해주어 계속 일하고 있는 상황입니다. 저는 처음부터 프론트엔드를 주로 일해왔지만 지금은 풀 스택으로 백엔드도 많이 다루고 있습니다. 풀 스택의 장점이라면 아무래도 팀의 전반적인 프로세스와 아키텍처를 모두 경험하고 사용해 볼 수 있다는 것입니다. 이는 더 큰 그림을 그리는데 많은 도움을 주고 있습니다. 또한 여러 업무를 받아 해결하면서 실력이 팍팍 느는 것도 하나의 장점입니다. 다만 문제라면..

Next.JS 데이터 패칭 getStaticProps. 오늘은 데이터패칭 data fetching에 사용되는 여러 방법 중 하나인 getStaticProps를 알아보겠습니다. getStaticProps란? 사용방법. 마치며. 1. getStaticProps란? Next.JS는 React.JS의 Framework입니다. 하지만 왜 이러한 getStaticProps라는 기능이 필요할까요? 잠깐 짧게 알아보겠습니다. 먼저 Next.JS에서는 대략 3 혹은 4가지의 data fetching이 있습니다. getStaticProps, getStaticPaths, getServerSideProps 그리고 Client Side. 왜 이러한 여러가지 방법이 존재하는 것일까요? 이는 Next.JS가 기본 SSR 즉 Ser..

개인적인 개발자 아우스빌둥 졸업 리뷰 안녕하세요! 오늘은 제가 3년간 아우스빌둥을 하면서 느낀 점 그리고 전체적으로 3년간 배운 것, 그리고 느낀 점을 써보려 합니다. 아우스빌둥은 기본적으로 개발자뿐만 아니라 다양한 분야에 존재합니다. 예를 들면 자동차 정비, 수리, 커피숍, 은행, 디자이너, 물류, 꽃집, 레스토랑, 음악, 방송, 등등 셀 수 없이 많이 존재합니다. 그리고 당연히 각각의 직군에 필요한 혹은 요구되는 사항, 요소들이 다릅니다. 제가 블로그를 처음 시사한 계기는 다름 아닌 아우스빌둥이었습니다. 저 역시 처음 아우스빌둥을 준비할 당시 여러 커뮤니티와 구글을 통해 검색하고 찾아다녔지만, 사실 그렇다 할만한 정보를 찾기는 아무래도 제한적이었습니다!. 그 많은 분야들 중에 제가 원하는 분야의 아우..

아우스빌둥 졸업!!! 구두시험, 프레젠테이션 안녕하세요! 드디어 저번 주 아우스빌둥을 끝마쳤습니다. 오늘은 구두시험에 관해서 알아보도록 하고 다음에 아우스빌둥 리뷰를 해보도록 하겠습니다. 구두시험 준비 구두시험 당일 마치며 1. 구두시험 준비 먼저 구두시험은 아우스빌둥 최종 졸업시험입니다. 졸업시험은 먼저 필기, 프로젝트 그리고 구두시험으로 나뉘게 됩니다. 필기시험은 말 그대로 지금까지 배웠던 것들을 다루는 필기시험입니다. 그리고 응시자는 프로젝트를 준비합니다. 프로젝트는 이미 다른 게시글에서도 많이 언급하였듯이, 회사와 관련된 프로젝트여야 합니다. 또한 IHK에 승인을 얻어야지만 프로젝트를 수행할 수 있습니다. 결과적으로 응시자는 프로젝트 그 자체를 제출하지 않습니다. 그 이유는 앞서 언급했듯이 회사와..

UML 상태 다이어그램이란? State diagram이란? 안녕하세요! 오늘은 UML 중 하나인 상태 다이어그램 즉 State diagram 독일어로는 Zustanddiagramm을 배워보도록 하겠습니다. 상태 다이어그램은 활동 다이어그램 즉 Activity diagram과 굉장히 유사합니다. 그렇기 때문에 잘못 표기하시는 일이 일어나지 않도록 조심하셔야 합니다. 자 그럼 처음 구성요소부터 간단한 사용법과 예제를 보도록 하겠습니다. 구성요소. 사용법. 예제. 마치며. 1. 구성요소. 그래프를 그리는만큼 구성요소는 비교적 아주 간단합니다. 시작. 이 요소는 그래프의 시작을 나타내는 요소입니다. 빨간 테두리는 검은색으로 칠해져도 무관합니다. 이렇게 안이 꽉 차 있는 원이 상태 다이어그램의 시작을 나타냅니다...