안녕하세요, 비전공자 출신 프론트엔드 개발자입니다. 오늘은 제가 2년 동안 겪은 도전과 성장, 그리고 이직 성공 스토리를 여러분과 나누고자 합니다.시작은 미약하였으나...2년 전, 저는 개발과는 전혀 관련 없는 일을 하고 있었습니다. 하지만 IT 분야에 대한 열정과 호

최근에 항해에서 진행한 DEV LAB 행사에 참여했습니다. 행사는 스파르타 코딩클럽이 주최하며, 다양한 기술 세션과 커뮤니티 세션으로 구성되어 있었습니다. 총 5개의 기술 세션과 3개의 커뮤니티 세션이 진행되었고, 현직 개발자들과의 네트워킹 기회도 많았습니다.지금도 좋

기업의 모든 영역에 적용하여 근본적으로 비즈니스 성과를 향상시키는 전략으로 탄생디지털 전환생산 효율성 향상새로운 고객 경험 제공새로운 비즈니스 모델 발굴IoT와 IIoT(산업용 사물인터넷)5G 통신클라우드 컴퓨팅빅데이터 분석인공지능(AI)제조업에서는 스마트팩토리 구축

특징경량화된 발행-구독 메시징 프로토콜IoT 장치 간 통신에 적합, 낮은 대역폭 환경에서도 효율적TLS 암호화와 OAuth 등의 인증 프로토콜을 지원원리발행자(Publisher)가 특정 주제(Topic)로 메시지를 발행 > 독자(Subscriber)가 관심 있는 주제를

Large Language Model : 대규모 언어 모델LLM은 다양한 형식의 데이터를 텍스트로 변환하고 해석할 수 있습니다. 센서 데이터, 생산 로그, 품질 보고서 등을 통합하여 의미 있는 인사이트를 추출합니다복잡한 공장 시스템을 음성 명령으로 제어할 수 있게 합니

정의 : 물리적 세계와 가상의 컴퓨팅 세계를 연결하는 시스템원리 : 센서를 통해 물리적 환경에서 데이터 수집 > 수집된 데이터를 사이버 공간에서 분석 및 처리 > 분석 결과를 바탕으로 물리적 시스템을 제어장점실시간 모니터링 및 제어 기능예측 및 최적화를 통한 효율성 향

출처 : https://surpriser.tistory.com/1559?pidx=2디지털 기술과 자동화를 통해 생산 프로세스를 최적화하는 지능형 공장 시스템을 의미합니다상호 연결된 시스템과 기계를 사용하여 실시간 데이터 생성인공지능과 빅데이터 분석을 통한 생산

구현된 githubNext.js 애플리케이션에서 사용자 인증 및 세션 관리를 구현한 서버 사이드 코드입니다. 그리고 사용자 인증 및 세션 관리를 구현하는 예시하기 위해서 만들었습니다.Next.js와 React를 사용하는 개발자들에게 이 코드는 안전하고 효율적인 인증 시

Next.js에서 제공하는 dynamic import는 애플리케이션의 성능을 크게 향상시킬 수 있는 강력한 기능입니다. 이 기술을 통해 대규모 애플리케이션의 코드를 효율적으로 관리하고, 초기 로딩 시간을 단축할 수 있습니다.코드 분할은 대규모 애플리케이션의 JavaSc

clean code를 위해 예시로 제작된 이미지를 함께 확인하면서 clean code의 중요성을 알아보아요.처음에는 단순하게 input만 존재하던 component에서 input의 입력값에 맞춰 추가된 코드가 들어가는 순간 관련이 없는 코드들이 서로 하나의 compon

참고문서 NEXTJS DOC서버에서 요청이 들어오면 RSC Payload를 생성합니다.RSC Payload와 클라이언트 컴포넌트의 자바스크립트 인스트럭션을 활용하여 실제 HTML을 생성합니다.클라이언트에서 생성된 HTML을 응답받으면, 먼저 pre rendering이

저는 단지 1.5년차 개발자에 불과하지만 회사로부터 개발팀 리빌딩을 진행해달라는 요청을 받았습니다.이러한 큰 책임을 맡기에는 제 경험이 턱없이 부족하다고 생각하여 처음에는 거절했습니다. 그러나, '언제 다시 이런 기회가 올까?' 하는 생각에 다시 마음을 바꾸게 되었습니

프론트엔드 개발자로서 사용자에게 안정적인 UX를 제공하는 것은 매우 중요합니다. 안정적인 사용자 경험을 통해 신뢰감을 주고 더 나은 웹사이트를 만들 수 있기 때문입니다. 그리고 높은 코드 품질로 웹사이트를 개발하면 사용자가 버그 없이 웹사이트를 경험할 수 있습니다. 이

Three.js를 사용하여 glb 및 gltf 파일을 불러오는 과정에서 로딩 시간이 상당히 길어지는 문제에 직면했습니다. 이 문제를 해결하기 위해 DracoLoader를 도입했지만, 기대했던 만큼 로딩 시간이 단축되지 않았습니다. 그러나 gltf-pipeline를 사용

Github Data Fetching Next.js에서는 서버의 각 가져오기 요청에 대한 캐싱 및 재검증 동작을 구성할 수 있습니다. 데이터 캐싱 fetch 내에 있는 cache 옵션 중 force-cache를 사용하면, 기본적으로 Next.js가 반환된 값을 서

송요창 개발자님이 추천해주신 “어느날 시니어가 사라졌다”라는 영상을 본 후 일주일 동안 깊은 깨달음을 얻었습니다. 프론트엔드 개발자들만으로 이루어진 팀에서 문화를 형성하며, 서로의 이야기를 나누고, 일과 후엔 스터디를 겸한 회고 시간을 디스코드에서 가졌습니다. 또한,

우리는 왜 Nextjs를 사용하는가? 먼저 Nextjs를 학습하기 이전에 이유없이 인기가 많으니깐 사용해야한다?라는 것은 좋지 못합니다. Nextjs를 사용할 지 vite를 사용할 지 아니면 다른 프레임워크를 사용할 지 그것은 프로젝트의 방향성에 맞춰서 진행하는 것이

JSX -> React element -> fiber(VDOM에 올라가기 위해 필요한 정보를 포함하는 노드같은 존재)babel을 통해 JSX -> React elementcreateElement(type, config, child1, child2, .... childN

시작에 앞서 linked list란 무엇일까? 여러개의 node가 서로 연결되어 있다. 하나의 node에는 node value와 pointer to the next node가 있고 next node는 다음 node을 가리키게 된다. mountWorkInProgress

시니어 개발자의 자리가 비어버린지 벌써 3달이 다 되어가고 있습니다. 처음에는 전방위적인 책임감에 어떻게 대처해야 할지 막막했습니다. 하지만 이제 저는 시니어 개발자의 역할을 맡아, 단순히 코드를 작성하는 것을 넘어 프로젝트의 문제를 식별하고, 해결책을 모색하는 중책을