전체 글248

• 

  [SSAFYCIAL] 대 AI 시대, 새로운 개발자의 등장: AX 개발자 대 AI 시대, 새로운 개발자의 등장: AX 개발자 안녕하세요, SSAFY 수료생 기자단 김혜린입니다 :)오늘은 AX 개발자라는 직무에 대한 카드뉴스를 준비했습니다.AX는 인공지능(AI)을 조직 운영 전반에 통합해 데이터를 기반으로 스스로 학습하고 판단하는 구조로 전환하는 과정을 의미합니다. 기존의 DX(DIGITAL TRANSFORMATION·디지털 전환)가프로세스의 디지털화를 통해 업무 효율을 높였다면AX는 한 단계 더 나아가 AI가 의사결정을 보조하고 일하는 방식을 재설계해더 빠르고 유연한 비즈니스 환경을 구축하는 것이 핵심입니다. 최근 LLM이나 AI 코딩 에이전트가 크게 발전하면서, AX 개발자 직무 채용도 늘어나는 추세입니다.프론트엔드, 백엔드 등 분야에 국한되지 않는 AI 네이티브 개발자를.. My/Careerlog 2026. 3. 9.

• 

  건축과 토목의 차이 건축 = 건물토목 = 다른 모든 인프라(교량, 도로...) 건설사의 먹거리는 모두 이 두 범주안에 속해있다. 건설사마다 건축/토목이 매출에서 차지하는 비중이 다르다고 한다. Construction 2026. 2. 22.

• [Claude] Skills https://ios-development.tistory.com/1838 [AI] 클로드코드 스킬 개념 1 (Claude Code, Skill.md, 필드)스킬이란?클로드코드를 사용할 때 skills 하위 폴더 안에 skill이름을 넣고 md파일을 작성하면 `하나의 기능`으로 사용할 수 있는 것폴더 위치는 스콥에따라 3가지로 분류개인~/.claude/skills//SKILL.md모ios-development.tistory.com https://ios-development.tistory.com/1837 [AI] 클로드코드 스킬 개념 2 - 활용하기 (동적 문자열, 참조, 프론트매터, 자동화 패턴)동적 문자열 사용 방법 (Variables)기술 콘텐츠 내에 동적 값을 주입하여 유연한 대응 가능$ARGUMEN.. Programming/AI 2026. 2. 22.

• 

  칸트주의와 상담사 선생님 내일 출근을 준비해야 하는데 잠은 안오고, 괜히 감상에 젖어서 쓰고 글이 쓰고 싶어졌다 ㅎㅎ.성인이 되고 나서 내 가치관 형성에 큰 도움을 준 두 분이 있다면 칸트와 학생 상담실에서 만난 박 상담사 선생님이시다.나는 회의주의자 쪽에 가까운 상태로 대학교에 갔던 것 같다. 그래서 삶의 가치관과 목표를 세우는 데도 잠시 어려움을 겪었다.리더십, 성적 면에서는 좋은 평가를 받는 편이었지만, 크게 내가 원해서 한다는 느낌을 받지 못해 고민이 있었다. 사명감으로 선택했던 직업조차 내 적성에 크게 맞지는 않았고, 그 사명감이 의심받으니 삶 자체에 의심이 들었다. 그 때 수업에서 만난 칸트와 상담실에서 만난 선생님의 말씀이 나를 일으켜 세운 기억이 난다. 칸트의 이론이 모두 옳은가는 차치하더라도, 자유의지를 가진 존.. My/Riverlog 2026. 2. 18.

• 

  폭풍의 언덕 / 에밀리 브론테, 민음사 좋아하는 배우 마고 로비가 주연 캐시을 맡은 영화 폭풍의 언덕이 꽤나 혹평을 받고 있는 걸 보고 읽게 되었다. 아마 10대 때 읽었던 것 같은데 내용이 잘 받아들여지지 않아 인상 깊게 보지 않았던 기억이 난다. 많은 평론가들이 극찬한 것처럼 폭풍의 언덕이 표현하는 인간의 사랑, 트라우마, 복수심과 같은 감정의 스케일과 섬세함이 남다르다고 느꼈다.20대 후반에 다시 읽은 폭풍의 언덕은 문학적으로나 소설이 그리고 있는 그 시대의 생활사 방면에서나 모두 흥미로웠다. 어린 아이들은 정말 쉽게 목숨을 잃었고 그래서 결혼, 출산, 재혼 등 후손을 남기기 위한 일에 온 신경을 쏟는 것 같았다. 자녀를 요즘 선진국처럼 소황제처럼 키우기 보다는 하나의 자원처럼 인식되는 경향이 커 보였다. 그 사이에도 아이를 진심으로 아.. Reviewlog/Book Reviews 2026. 2. 14.

• 

  3년차 프론트엔드 개발자 두 달 동안의 이직기 11월 말 쯤 시작한 이직 과정이 만 두 달만에 마무리되었다! 영하의 날씨를 뚫고서 지난 몇 년간 거의 입지 않던 슬랙스 + 셔츠 + 로퍼 조합을 입고 판교, 마곡, 잠실, 강남, 심지어 의왕까지 분주하게 뛰어다녔더랬다. 그간의 경험을 미처 잊기 전 기록해본다. 회사에서 좋은 평가를 지속적으로 받아 오고, 승진도 하고, 일도 익숙해지면서 새로운 도전을 해야 한다는 생각은 늘 갖고 있었다. 특히 LLM이 내가 개발자로 일하는 3년 동안 크게 발전하면서, 변화하는 개발자상에 맞춰 탈바꿈할 시간이 됐다고 느꼈다. 업무 프로세스에 AI를 도입하거나 생산성을 개선하면서 나름 AI 네이티브 개발자로 변모하기 위해 노력해왔고 꽤 AI를 잘 쓰는 개발자라고 스스로 생각했다. 이직 과정을 마치고 보니 역시 직장인에게 가.. My/Careerlog 2026. 2. 3.

• 

  브라우저에서 JavaScript의 동작 원리 JS는 단일 스레드 기반으로 동작한다. 즉, 한 순간에 하나의 실행 흐름만 가질 수 있고, 실행할 함수들은 콜 스택(Call Stack) 에 쌓였다가 위에서부터 하나씩 처리된다. 이런 구조에서는 어떤 작업이 오래 걸리면 그동안 스택이 막혀 화면 렌더링, 클릭 처리 같은 UI 작업까지 멈추는(“blocking”) 문제가 생긴다.그래서 브라우저는 JS 엔진(V8 등) 바깥에, 시간이 걸리는 일을 대신 처리하는 별도의 실행 환경을 제공한다. 흔히 Web APIs라고 부르는 영역인데, 여기에는 setTimeout 같은 타이머, 네트워크 요청(fetch/XHR), DOM 이벤트 감지(click/scroll), 파일/스토리지 접근 등이 포함된다. 핵심은, JS 엔진이 직접 오래 걸리는 일을 “병렬로 처리”하는 게 .. Programming/Javascript, Typescript 2026. 1. 13.

• 

  OAuth(Open Authorization)란 OAuth하면 떠오르는 건 소셜 로그인이다. 주로 소셜 로그인에 쓰이는 것이 맞지만, 그곳에만 쓰이는 것은 아니다. 제3자의 클라이언트에게 보호된 리소스를 제한적으로 접근하게 해주는 프레임워크를 OAuth라고 한다. 2007년 여러 오픈소스 개발자와 소셜미디어 종사자 등이 모여 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준의 필요성을 논의하다 개발했다고 한다. 이후 구글 등이 후원하면서 공식 프로토콜로 발전할 수 있었다. OAuth 1.0에는 모바일 미지원, 보안, 복잡성 등의 문제가 있었는데, 이를 보완하기 위해 2012년 OAuth 2.0이 개발되었다.. Programming/ETC 2026. 1. 12.

• 

  Debounce와 Throttle이란 프론트엔드 개발자 실무 면접에 자주 등장하곤 하는 두 개념이다. 작업을 의도적으로 지연시킨다는 점에서는 동일하다. 쓰로틀은 일정한 시간 간격을 두고 정기적으로 함수를 실행하고, 디바운스는 사용자가 함수 실행을 여러 번 할 때 대기했다 마지막 함수만 실행하는 걸 말한다. 나는 주로 lodash를 사용해 구현했는데, lodash는 사용하지 않는 추세다 보니(유지보수, 무거움 문제) 앞으로 직접 구현하면 좋을 듯하다. Debounce검색 박스의 제안, 텍스트 필드의 자동 저장, 버튼의 더블 클릭의 제거가 모두 debounce를 이용하는 사례다. function debounce(callback, delay) { let timer; return function () { clearTimeout(timer).. Programming/Javascript, Typescript 2026. 1. 9.

• 

  CSR, SSR, ISG, SSG 렌더링이란 CSR(Client Side Rendering) 비어 있는 HTML와 JS 파일만 서버가 클라이언트로 보내주고, 클라이언트(브라우저)가 JS로 DOM을 조작하여 HTML과 JS를 추가한다. 장점: 서버에 부담이 적다. 페이지 전체가 재로드 되지 않으므로 UX가 부드럽다.단점: 첫 로드 때 시간이 오래 걸린다. JS가 비활성화 되어 있는 경우에는 웹사이트가 제대로 동작하지 않는다. SSR(Server Side Rendering) 서버가 HTML과 CSS를 최대한 렌더링한 후 브라우저로 보내주고, 클라이언트는 필요한 인터랙션 등의 JS 동작을 받은 HTML에 붙여 완성한다(hydration). 장점: 페이지 첫 로드가 빠르다. SEO 유리. JS 비활성화되어 있어도 보다 많은 콘텐츠를 제공할 수 있다.단점:.. Programming/ETC 2026. 1. 8.

• 

  웹 브라우저에 URL을 입력하면 어떤 일이 생길까? 웹 브라우저에서 사용자가 특정 URL을 입력하면, 먼저 DNS(Domain Name System) 를 통해 해당 도메인에 대응하는 서버의 IP 주소를 조회한다. 이 과정에서 브라우저와 운영체제는 여러 계층의 캐시를 우선 확인한 뒤, 필요한 경우 실제 DNS 서버에 질의를 수행한다.URL에서 도메인 뒤에 이어지는 슬래시(/) 이후의 경로(path) 는 서버 내부의 특정 리소스(웹 페이지, API 엔드포인트 등)를 식별하기 위한 경로를 의미한다.웹사이트가 HTTPS를 사용하는 경우, 브라우저와 서버는 TLS(Transport Layer Security) 프로토콜을 통해 통신을 시작하며, 이 과정에서 암호화에 필요한 키를 교환하고 이후의 데이터 전송을 안전하게 암호화한다.브라우저는 일반적으로 TCP/IP(Tr.. Programming/ETC 2026. 1. 7.

• 

  [SSAFYCIAL] 다른 붙캠 말고 싸피 ~ ♪ ♫ 많은 개발 부트캠프 중 싸피를 선택한 이유! 안녕하세요, SSAFY 수료생 기자단 김혜린 기자입니다! SSAFY 7기에 입과할 무렵, 개발자로 진로를 정하고다양한 부트캠프들 중 어떤 부트캠프에 입과할 지 고민중이었는데요현업 개발자로 일하는 요즘도, SSAFY를 선택한 걸 참 잘했다고 생각하는데요 :) 모두가 알고 있는 뻔한 장점 보다는1년의 과정을 수료 후 개발자가 된 사람의 입장에서 느끼는찐 장점들만 모아 정리해봤습니다! 1. 좋은 동료와 선생님들 SSAFY에 합격하기까지 과정은 절대 쉽지 않았던 것 같아요. 서류 전형 → 온라인 테스트 → 대면 면접까지, 준비할 것도 많고, 과정도 길어 체력, 멘탈 둘 다 많이 소모됐는데요.그 과정 속에서 함께 선발된 동료들은 비슷한 목표·열정·의지를 가진 사람들이었고, 그래서인지 자연스럽게 서로에게 큰 힘이 .. Programming/SSAFY 2025. 11. 26.

• 

  [추석 특집 기술 이야기] 2025년 8월, 9월 회고: x-forwarded-proto, x-forwarded-host, 즉시 실행 함수, Graceful Degradation, SSAFY 방문, 9km 러닝, 기획일을 해보며 든 생각들 cross-team 업무들, 마라톤 준비, 기획 외주 등 바쁜 시기를 보내고 맞이한 추석! 오랜만에 여유가 생겨 밀린 회고를 써본다 -1. 기술 이야기지난 두 달은 크게 SEO, 새 프로젝트 유지보수, A/B test에 걸쳐 일을 했다. 이 과정에서 프론트엔드 측면에서 배운 점들이 많아 정리해보려고 한다. x-forwarded-proto와 x-forwarded-hostNginx를 여러 번 손 보고 배포해야 했던 최근 몇 달 자주 마주친 개념들이다. x-forwarded-proto는 클라이언트가 프록시 또는 로드 밸런서에 접속하는데에 사용했던, 말하자면 사용자가 URL에 주소를 입력할 때 그 주소에 사용된 프로토콜(http/https)를 알려주는 헤더(웹 통신(특히 HTTP 프로토콜)에서 요청(reques.. My/Riverlog 2025. 10. 7.

• 

  2025년 6월, 7월 회고: Culmulative Layout Shift 없애기, 계속되는 A/B test, Letter와 A4, OTP 시스템 개발, 반기 피드백, 블로그 궤도에 올리기, 경주 & 제주 & 대구 티스토리 오류로 글이 전부 날아가.. 간단하게 다시.. ㅠㅠ 회사 매출과 밀접하게 연결된 프로젝트 완수하기조금이라도 경쟁적인 비즈니스에 속해 있는 회사에서 일할 경우 SEO가 회사 매출에 아주 밀접한 영향을 미친다. Cumulative Layout Shift도 마찬가지다. 이 스코어가 높아질 경우 얼마 지나지 않아 구글 검색에서 회사 순위가 크게 하락하고, 매출에 큰 영향을 미치게 된다. 얼마 전 본 기사(전통적인 마케팅 회사들의 매출 하락, 빅테크로의 자본 집중에 관한)가 생각나기도 한다. SEO 부서(Marketing)에서 이 문제를 빠르게 해결하기를 원했고, Storyblok이라는 headless CMS에 삽입되는 외부 컴포넌트가 문제를 야기하고 있어 문제가 까다롭고 압박감도 있었다. 그래서 GPT.. My/Riverlog 2025. 7. 31.

• 

  JavaScript 디자인 패턴 책 (한빛미디어)를 읽고 19개의 패턴의 간단한 정의와 예시들을 정리해본다.생성 패턴객체를 생성하는 방법을 다루는 패턴 생성자 패턴*ES6의 class 문법을 사용 객체 지향 프로그래밍을 위한 문법적 설탕(syntactic sugar)으로, constructor 메서드를 통해 객체 초기화를 수행하고 new 키워드를 사용하여 인스턴스를 생성하는 구조이다. class 내부에서 속성과 메서드를 정의하며, 상속 및 캡슐화 같은 OOP 개념도 자연스럽게 표현할 수 있다.class Person { constructor(name, age) { this.name = name; this.age = age; } sayHello() { console.log(`Hello.. Programming/Javascript, Typescript 2025. 7. 6.