ohjungho 님의 블로그

자바스크립트에서는 일반적인 수학적 연산 외에도 자바스크립트 특유의 다양한 연산자 동작 규칙을 제공한다. 연산자의 종류와 특성을 명확히 이해하는 것이 중요하다.1. 연산자 기본 용어 정리피연산자(Operand): 연산자가 연산을 수행하는 대상 (5 * 2에서 5와 2)단항(Unary) 연산자: 피연산자를 하나만 받는 연산자이항(Binary) 연산자: 피연산자를 두 개 받는 연산자// 단항 마이너스 연산자: 피연산자의 부호를 반전let x = 1;x = -x;alert(x); // -1// 이항 마이너스 연산자: 뺄셈 수행let a = 1, b = 3;alert(b - a); // 22. 기본 수학 연산자자바스크립트가 지원하는 기본 산술 연산자는 다음과 같다.덧셈: +뺄셈: -곱셈: *나눗셈: /나머지(Re..

함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환된다. 이러한 과정을 형 변환(Type Conversion)이라고 한다.형 변환은 크게 두 가지로 나뉜다.암시적 형 변환 (Implicit Conversion): 자바스크립트 엔진이 필요에 따라 자동으로 수행하는 변환명시적 형 변환 (Explicit Conversion): 개발자가 의도적으로 함수 등을 활용해 변환하는 방식alert 메서드가 전달받은 값의 자료형과 관계없이 이를 문자열로 자동 변환하여 보여주는 것이나, 수학 관련 연산자가 전달받은 값을 숫자로 변환하는 경우가 대표적인 형 변환의 예시이다.1. 문자형으로 변환문자형으로의 형 변환은 문자형의 값이 필요할 때 일어난다.alert 메서드는 매개변수로 문자형을 받기 때문에, alert..

웹페이지를 이용하다 보면 안내창이 뜨거나, 입력값을 요구하는 창을 흔히 볼 수 있다. 자바스크립트에서는 브라우저와 사용자가 상호작용할 수 있도록 최소한의 기본 UI 기능 3가지를 제공한다.바로 alert, prompt, confirm이다. 각각의 역할과 사용법, 그리고 차이점을 명확히 알아본다.모달(Modal) 창이란?오늘 다룰 3가지 함수가 실행되면 브라우저 화면 중앙에 작은 창이 하나 생성된다. 이를 모달 창(Modal Window)이라고 부른다. 💡 모달(Modal)의 핵심 특징상호작용 제약: 모달 창이 떠 있는 동안은 페이지의 나머지 부분과 상호작용할 수 없다.실행 중단: 사용자가 '확인'이나 '취소' 버튼을 누르기 전까지 바깥의 다른 버튼을 클릭하거나 텍스트를 드래그할 수 없으며, 스크립트 실..

🏥 AI Lifestyle Checkup & Optimal Habit Recommendation Engine20대를 위한 AI 기반 생활습관 자가진단 및 최적 습관 추천 서비스Kaggle Playground Series - Season 6, Episode 7 경진대회 참여 및 AI 서비스 엔지니어링 프로젝트📑 Table of Contents (목차)Project Overview (프로젝트 개요)Data Architecture & Pipeline (데이터 흐름 및 구조)Exploratory Data Analysis (EDA)Feature Engineering & Preprocessing (전처리 및 피처 생성)Model Benchmarking & Optimization (모델링 및 최적화)Core Se..

🚇 TFI 스마트워크플레이스 입지최적화Transit Fatigue Index 기반 거점 오피스 최적 입지 선정 및 출근길 병목 해소 전략 📌 프로젝트 소개 기존 거점 오피스는 강남·여의도 등 도심 핫플레이스 중심으로 운영되어 왔습니다.하지만 실제로 가장 극심한 출근 피로를 겪는 임직원은 따로 있습니다.🏠 집(마을버스) ──→ 🚉 외곽 환승역(지하철) ──→ 🏢 도심 본사본 프로젝트는 공공데이터(지하철·버스 시간대별 승하차 데이터)와 카카오 지도 API를 결합하여,다중 환승 고통이 집중되는 진짜 병목 구간을 데이터로 증명하고,이를 선제적으로 차단할 최적의 거점 오피스 입지를 제안합니다. 🗂️ 스토리 구조 (SCQA 프레임워크)구분내용S Situation기업들은 워라밸·출퇴근 시간 단축을 위해..

저번 글에서 이어드림스쿨 합격 후기와 지원동기를 다뤘는데, 이번엔 본격적으로 1박 2일 오리엔테이션 후기를 가져왔다.참가 전엔 솔직히 갈까 말까 좀 고민했다. 근데 인사이트도 얻고 앞으로의 학습 방향이나 마음가짐을 다잡을 겸 가는 게 맞겠다 싶어서 신청했다. 결론부터 말하면, 가길 잘했다. 오리엔테이션 일정 셔틀버스를 운영해줘서 12시까지 서울역에 모인 뒤 연수원으로 이동했다. 도착 후 안내 데스크에서 접수를 하고 웰컴키트를 받았는데, 여기서부터 기대가 됐다. 웰컴키트 구성 OT 기간 동안 입는 후드집업을 제공해 주셨다. 5월이라 살짝 덥긴 했는데, 에어컨을 파워냉방으로 틀어줘서 오히려 딱 좋았다. 처음엔 심플한 텀블러가 보였고, 오른쪽 봉투엔 내용물이 있을 것 같은 실루엣이 느껴져서 은근히 기대..

1주차 회고6기 프로그램의 첫 주를 마무리하며 회고를 작성해본다. 회고를 대하는 자세회고는 사람마다 의미가 다르다. 보통은 현업 실무자들이 프로젝트나 일정을 함께 마무리하며 진행하는 회의 같은 것으로, 다소 무겁게 느껴지는 단어라고 생각한다. 프론트엔드 개발 취준 시절, 우아한형제들 임동준 개발자님과 회고 시간을 가진 적이 있는데 그때부터 회고를 무겁지 않게, 일종의 피드백 시간으로 받아들이게 되었다. 이번 글에서는 수업 진행 방식, 앞으로 더 효과적으로 학습할 수 있는 방향, 그리고 첫 주에 부족했던 점을 정리해본다. 수업 진행 방식수업은 엘리스플랫폼을 통한 라이브 강의로 진행되며, 강사님과 직접 소통하며 들을 수 있다. ZOOM 강의와 비슷하다고 보면 된다.라이브 강의 외에도 엘리스플랫폼 자체 학습 ..

이어드림스쿨(YearDream School)이란? 이어드림스쿨은 중소벤처기업부에서 운영하는 청년 AI 실무 인재 양성 프로그램이다. 쉽게 말하면AI 분야 취업이나 실무 역량 강화를 목표로 하는 무료 교육 과정 느낌. elice와 협업해서 진행한다. 2026년에는 기존 수도권 중심 운영에서 확대되어서 서울, 원주, 대구, 전주, 천안 총 5개 권역에서 300명의 교육생을 모집한다고 한다. 비전공자도 들을 수 있는 기본반부터 AI 전공자나 경력자를 위한 심화반까지 수준별 과정으로 운영되는 점도 특징. 단순 강의만 듣는 게 아니라AI 실무 교육현업 프로젝트인턴십 연계AI 경진대회취업 지원이런 부분들도 같이 진행된다. 그리고 우수 교육생한테는실리콘밸리 해외 연수장학금상장 같은 혜택도 제공된다고 한다.AI 취업이..

엄마 친한 대학 동기의 지인분한테 연락이 왔다. 네이버 블로그를 티스토리로 옮기는 작업을 도와줄 수 있냐고. 나는 티스토리를 꽤 자주 써봤어서 큰 어려움 없을 것 같아서 바로 한다고 했다. 작업해야 할 글은 총 381개. 생각보다 양이 꽤 많았다. 근데 하다가 알게 된 게 하나 있는데 티스토리는 하루에 글 작성이 최대 15개까지였다. 이건 좀 몰랐던 부분. 처음에 기한은 3일이었는데 이건 솔직히 물리적으로 불가능해서 전화로 상황 설명하고 하루에 15개씩 꾸준히 올려서 끝내겠다고 말씀드렸다. 그랬더니 대표님이알바비를 선입금으로 넣어주심. 이건 좀 놀랐고 그래서 더 열심히 해야겠다는 생각 들었다. 아무튼 계속 포스팅을 하다 보니까 문득 이런 생각이 들었다. 블로그를 하는 사람이면 알겠지만상위 노출, 키워드,..

🔮 AI 드림캐쳐 (AI Dream Catcher)당신의 무의식이 보내는 소중한 메시지, AI 드림캐쳐가 해석해 드립니다.AI 드림캐쳐는 최신 인공지능 기술과 심리학, 그리고 다양한 문화권의 꿈 상징 데이터를 결합하여 사용자에게 개인화된 꿈 해석을 제공하는 콘텐츠 플랫폼입니다. 사용자는 자신의 꿈으로 내면을 더 깊이 들여다보고, 삶의 중요한 질문에 통찰을 얻는다. 🤝 AI와의 협업 과정 (Vibe Coding)이 프로젝트는 단순한 코드 생성을 넘어, 기획 단계부터 AI와 함께 아이디어를 발전시키고 프로덕트의 방향성을 설정하는 '바이브 코딩(Vibe Coding)' 방식으로 진행했다. 이 과정은 AI에게 '무엇을 만들라'고만 지시하지 않고, '왜, 어떻게' 만들어야 하는지 함께 고민하는 창의적 협업 모..