본문 바로가기

전체 글

 (53)
2025.log(2026); 안녕하세요. 주니어 프론트엔드 개발자 김재균입니다. 오늘은 학생 신분에서 주니어 프론트엔드 개발자로 입사하기까지의 과정과,그 이후의 일들을 회고로 남겨보려 합니다. 0. 작년우선, 회고를 시작하기 전 작년 회고의 목표 달성에 대해 말씀 드리려 합니다.2024년의 저는 정보처리산업기사, 취업이 목표였더라구요! 우선 정보처리 산업기사는 작년 회고 글을 쓰고, 1달 뒤에 바로 취득하였습니다!또한, 취업은 아래글에서 보실 수 있으시겠지만 물론 성공하였습니다 🎉🎉 1. 상반기상반기에는 학교에서 제가 할 수 있는 모든 기술을 활용해하나의 프로젝트를 제대로 만들어보고 싶었습니다. 마침 좋은 기회로, 작년에 좋은 성과를 기록했던GSM GOGO(학교 체육대회 서비스)를 v3로 새롭게 개발할 수 있게 되었습니다. v2..
왜 NaN은 NaN과 같지 않을까? NaN은 Not a Number의 약자로 숫자이냐 아니냐를 판단할 때 사용합니다.근데 NaN === NaN이라는 식이 왜 항상 false를 반환할까요? 이걸 알기 위해서는 NaN이 어떻게 구성이 되어있는지 알 필요가 있습니다. 1. NaN의 구성NaN은 IEEE 754 표준에서 정의된 특별한 값으로, 정수가 아닌 숫자 즉, Not a Number (NaN)처럼 보이지만사실은 본질적으로 잘못되거나 정의되지 않은 수학적 결과를 표현합니다. 예를 들어 0/0은 정의되지 않은 수학적 결과입니다.왜냐면 0/0은 어떤 수라도 답이 될 수 있기 때문입니다. x * 0 = 0 이 간단한 식에서 x는 무엇이든지 될 수 있습니다.즉, π × 0 = 0도 만족이 되는 식입니다. 그래서 0/0은 답이 하나로 정해지지 않음 -..
취업까지의 여정! 안녕하세요, 오랜만에 블로그를 적게 되는 것 같은데요. 블로그 글 주기가 짧아진 이유는 아무래도 취업 준비 때문입니다. 최근 좋은 소식을 얻게 되어, 취업까지의 여정을 공유드리려고 해요! 1. 취업 준비 저는 프론트엔드 개발자로 취업을 준비했습니다. 다만, 친구들보다 원서를 늦게 넣은 것이 아직도 조금 아쉽습니다. 학기 초에 회사 공고가 나오지만, 준비가 되어있지 않으면 마음에 드는 공고를 보더라도 미리 포기해야 하는 상황에 놓이게 됩니다. 결국 친구들이 대부분 취업한 시점에 포트폴리오를 완성했고, 저는 약 한 달 정도 늦게 지원을 넣게 되었습니다. 이 경우, 같은 전공 친구들과 경쟁할 때 면접 경험이 있는 친구와 없는 저와의 경쟁 구도가 형성되게 됩니다. 만약 이 글을 읽고 있는 광주소마고 후배가 있..
요즘따라 많이 보이는 패스 키에 대한 나의 생각 패스키?패스키는 요즘 떠오르는 인증 기술로, 비밀번호를 대체할 기술로 떠오르고 있습니다.FIDO(Fast Identity Online) Alliance에서 개발했고, 패스키를 사용하면 소프트웨어 앱에서 비밀번호 없이 로그인 할 수 있습니다. FIDO는 온라인 인증 문제를 해결하기 위해 다양한 기업들이 모여서 설립한 단체이고 google, apple, microsoft 등에서 많은 후원을 받는다고 합니다. 그래서 apple은 ios 16 이상, 구글은 모든 계정에서 패스키 사용을 default로 설정했죠 비밀번호 대체가 될까? 그냥 일반 사람들이 보았을때는 이 기술이 왜 필요한지 그리고 인증 기술이 늘어나면 더 귀찮아지는 것은 아닌지라고 생각할 수 있는데,개발자 입장에서는 사용자가 누군지 확인하는건 굉장히..
TOSS/SLASH 24 - N개의 탭, 단 하나의 웹소켓 주제 요약과 내 생각 토스 증권에서는 각 종목별 실시간 가격을 WebSocket을 사용을 한다고 합니다. 근데 원래 앱으로만 접속했던 토스 증권을 웹으로 구현하려고 하니 WebSocket이 문제였다고 합니다.핸드폰에서는 앱이 결국 하나만 열리고 WebSocket 서버가 하나만 구동이 되고, 한 유저에게서 여러 개의 WebSocket이 열린다는 문제점이 없었을 겁니다. 근데 웹은 탭을 여러개를 열 수 있고, 한 PC에서 여러 개의 WebSocket 서버를 연결할 수 있다는 점이 토스 입장에서는 굉장히 거슬렸을 겁니다. 그래서 생각한 방법이 1. 연결 끊어주기 - 1만약 사용자가 3개의 토스 증권 탭을 사용하고 있다고 치면, 현재 사용하고 있는 탭을 제외한 2개의 탭의 WebSocket 서버를 끊는 것입니다.근데 이 부분은 유저..
취준의 시작.. 이번 주제는 기존 기술 블로그가 아닌, 제 생각을 위주로 작성을 해보았습니다. 광주소프트웨어 마이스터고등학교에서 1, 2학년을 보내고 막상 3학년이 되니 전과는 다르게 취업에 대한 생각이 너무 많아지는 것 같습니다. 그래서 주변 친구들도 포트폴리오를 작성을 하고 원서도 내보고, 면접도 보는 친구들이 생겼는데요. 포트폴리오를 막상 만들려고 하면 내가 그동안 뭘 했는지 잘 모르겠기도 하고 써보려고 하니 또 막막하고 그래서 전 조금씩 조금씩 미루게 되었던 것 같습니다. 이상한 변명으로 난 증명사진이 없어서 찍고 해야지, 나중에 원하는 회사가 나오면 그때 써야지, 노션을 잘 못 다루니까 잘 다룰 수 있을 때 써야지 이런 생각들로 항상 포트폴리오를 뒷전에 놓고 생활했습니다. 근데 이번 기회에 마음을 잡고 포트폴..
JS의 탄생 배경 1. Mosaic Browser의 등장 Mosaic 브라우저는 1993년에 등장한 그래픽 기반의 웹 브라우저로, 월드 와이드 웹(WWW)의 대중화에 결정적인 역할을 했습니다.브라우저 중 최초로 window를 지원하고 html 페이지에 그림을 텍스트와 함께 표시하는 기능이 있었습니다. 다른 브라우저들은 링크를 클릭하면 별도의 창이 열렸지만, Mosaic은 같은 창에서 볼 수 있어 당시로서는 혁신적인 기능이었습니다. 이걸 만들게 된 계기가 좀 재밌는데, Marc Andreessen이 자신의 유머가 유머 사이트에서 통하지 않으니, 짤과 함께 같이 보내면 내 유머도 사람들에게 통하지 않을까..? 라는 생각으로 만들었다고 한다.. 2. Netscape의 설립 Marc Andreessen의 웹 브라우저가 성공하..
주석에 대한 /* 나의 */ 생각 1. 주석프로그래밍에서의 주석은 주로 내용을 메모하는 목적으로 사용합니다. 예를 들어 내가 A 라는 기능을 개발하고 그 A 기능에 B 기능을 추가하고 싶다면A 기능 관련 코드에 // TODO - B 기능 추후 추가 라고 메모를 남길 수 있는 것입니다. 2. 주석은 어떻게 써야하는 걸까?내 생각에 주석은 쓰임은 그 코드의 의도를 표현할 때 써야한다고 생각합니다. 예를 들어 프론트엔드에서 useState로 간단한 true false를 반환하는 hook이 있다고 해봅시다.import { useState } from 'react';export const useBoolean = (defaultState: boolean = false) => { const [boolean, setBoolean] = useStat..

티스토리툴바