본문 바로가기

전체 글

 (494)
AI와 함께 14일 만에 나만의 웹앱 완성하기｜인프런 챌린지 모집 HTML과 CSS, JavaScript를 공부했지만 막상 혼자 프로젝트를 시작하려니 막막했던 경험이 있으신가요?무엇을 만들지 정하는 것부터 화면 구성, 기능 구현, 오류 해결까지 혼자 진행하려면 생각보다 많은 벽을 만나게 됩니다. 배운 내용을 실제 결과물로 연결하지 못해 계속 강의만 듣게 되는 경우도 많고요.이런 분들을 위한 인프런의 「AI와 함께 14일 만에 나만의 웹앱 만들기」 챌린지를 소개합니다.14일 동안 하나의 웹앱을 완성해요이번 챌린지의 목표는 많은 문법을 외우는 것이 아닙니다.ChatGPT와 GitHub Copilot 같은 AI 도구를 활용해 아이디어를 구체화하고, 화면과 기능을 구현한 뒤, 작성한 코드를 개선하고 React로 확장하는 전체 과정을 경험합니다.작더라도 직접 동작하는 웹앱 하나..
100% 온라인 교육 [이스트캠프] 프론트엔드 18기 모집합니다. 안녕하세요. 이지웹 김동주 강사입니다.드디어 100% 비대면 온라인 수업으로 여러분을 찾아뵙게 되었습니다.그동안 시간 또는 장소의 제약으로 수강이 힘들었던 분들도 이 기회에 개발자에 도전해보세요. 과정명 : (주)이스트소프트 프론트엔드 개발 (React, HTML/CSS/JavaScript)훈련기간 : 2026-11-26 ~ 2027-04-09 ( 18회차)훈련시간: 91일, 총 728시간교과목교과구분교과목세부내용정규교과기초 웹 프로그래밍- HTML/CSS - CSS / SaaS - GitHub 초급 - TailwindCSS, Bootstrap - Figma - 정적 호스팅 - AI 활용 HTML/CSS 코드생성 및 최적화 - Figma AI 플러그인으로 와이어프레임 자동생성 - AI 이미지 생성으로 ..
AI에게 코딩을 맡기는 시대, 초보 개발자는 무엇을 배워야 할까? AI에게 코딩을 맡기는 시대, 초보 개발자는 무엇을 배워야 할까?AI가 코드를 작성해 주는 시대가 왔습니다. 자연어로 원하는 기능을 설명하면 화면을 만들고, 오류를 수정하고, 때로는 프로젝트 구조까지 제안합니다. 그렇다면 초보 개발자는 이제 문법을 배우지 않아도 될까요?결론부터 말하면 배워야 할 대상이 사라진 것이 아니라, 학습의 중심이 달라졌습니다. 코드를 한 줄씩 빠르게 작성하는 능력만으로는 부족합니다. 무엇을 만들지 정하고, AI가 만든 결과를 읽고, 실제 사용자가 쓸 수 있는 상태까지 완성하는 능력이 더 중요해졌습니다. ## 도구 사용법만으로는 서비스를 만들 수 없습니다AI 코딩 도구는 강력합니다. 하지만 도구는 “누구의 어떤 문제를 해결해야 하는가”를 스스로 결정하지 못합니다. 사용자가 왜 이 ..
OpenAI DevDay 2026 개발자 발표 총정리: 모델보다 중요한 워크플로 변화 2026년 9월 29일 열린 OpenAI DevDay의 개발자 발표를 한 문장으로 요약하면 다음과 같습니다.AI 코딩의 중심이 ‘좋은 답변을 생성하는 모델’에서 ‘개발 작업을 끝까지 수행하는 시스템’으로 이동하고 있습니다.물론 GPT-6.1 Sol처럼 새로운 모델도 등장했습니다. 하지만 이번 발표에서 더 눈여겨봐야 할 부분은 모델의 점수나 속도가 아닙니다. 장시간 실행되는 에이전트, 병렬 작업을 수행하는 서브에이전트, 관리형 개발 환경, 컴퓨터 사용, 작업 중간 개입 같은 요소들이 하나의 개발 워크플로로 연결되기 시작했다는 점입니다.React와 JavaScript를 배우는 개발자에게도 이는 먼 미래의 이야기가 아닙니다. 코드를 직접 작성하는 능력은 여전히 중요하지만, 앞으로는 작업을 정확하게 정의하고 A..
Zoom 자동결제 해지, 메뉴 찾지 말고 ‘지원 케이스’를 바로 제출하세요 Zoom 유료 요금제를 해지하려고 들어갔는데 자동결제 해지 메뉴가 쉽게 보이지 않거나, 취소를 진행했는데도 다음 결제 예정일이 표시되어 당황하는 경우가 있습니다.저도 Zoom Workplace Pro를 해지하는 과정에서 생각보다 메뉴를 찾기 어려웠습니다. 특히 연간 약정·월별 결제 방식처럼 요금제 조건에 따라 일반적인 구독 취소만으로는 다음 결제가 정말 중단되는 것인지 확인하기 어려운 경우가 있습니다.여러 메뉴를 돌아다니고 Virtual Agent와 구구절절 대화를 이어가기보다, 제가 해본 방법 중에서는 Zoom 지원 케이스를 바로 생성하는 것이 가장 빠르고 확실했습니다. 핵심은 이것입니다Zoom Virtual Agent가 열리면 해지 방법이나 결제 문제를 장황하게 설명할 필요가 없습니다.그냥 다음과 같..
인프런 강의 50% 할인 이벤트｜유튜브 구독·좋아요·댓글 인증하고 최대 2개 강의 할인받기! 웹 퍼블리싱, JavaScript, React, TypeScript, Figma, AI 웹개발을 공부하고 계신 분들을 위해 인프런 강의 할인 이벤트를 준비했습니다. 🎉참여 방법도 어렵지 않습니다.유튜브 채널 구독 + 영상 좋아요 + 댓글 작성 후 인증하면 제가 운영하는 인프런 강의 중 원하는 강의를 최대 2개까지 50% 할인받을 수 있는 쿠폰을 제공합니다.웹개발 공부를 시작하려고 했던 분이나 관심 있었던 강의를 조금 더 부담 없이 수강하고 싶었던 분이라면 이번 이벤트를 활용해보세요.🎁 이벤트 혜택이벤트에 참여하고 인증해주신 분께🔥 인프런 강의 50% 할인 쿠폰 제공🔥 원하는 강의 최대 2개 선택 가능즉, 한 강의만 선택해도 되고 공부하고 싶은 강의가 여러 개라면 최대 2개의 강의를 각각 50% 할..
코딩 공부, 뭐부터 시작해야 할까? 웹 퍼블리싱부터 React·AI 웹개발까지 완벽 학습 로드맵 “코딩을 배워보고 싶은데 HTML부터 해야 하나요?”“JavaScript를 먼저 공부해야 하나요?”“React까지 배우려면 얼마나 공부해야 할까요?”“요즘 AI로 웹사이트를 만든다는데, 기초 공부 없이 바로 AI부터 시작해도 될까요?”처음 웹 개발을 공부하면 가장 어려운 것이 무엇을 배우느냐보다 어떤 순서로 배우느냐입니다.HTML, CSS, JavaScript, Figma, React, TypeScript, Firebase, 생성형 AI….검색할수록 공부해야 할 기술은 계속 늘어나고, 결국 무엇부터 시작해야 할지 막막해집니다.그래서 이번 글에서는 코딩을 처음 시작하는 분을 기준으로 웹 퍼블리싱부터 프론트엔드 개발, 그리고 AI를 활용한 웹서비스 제작까지 이어지는 학습 로드맵을 정리해보겠습니다.전체 학습 ..
"드디어 '부모'를 선택합니다! JS 없이 CSS 한 줄로 끝내는 :has 선택자 혁명 🤯" CSS 심화 / 선택자부모를 선택하는 마법:has 선택자// CSS의 혁명적 기능 · 2024 · 읽는 시간 약 8분CSS를 배우면서 한 번쯤 이런 생각을 해봤을 겁니다. "체크박스를 체크하면 카드 배경을 초록색으로 바꾸고 싶은데… 결국 JavaScript를 써야 하는 건가?"2022년까지는 그랬습니다. 하지만 이제는 CSS만으로도 가능합니다. :has() 선택자 덕분에요.이 글의 대상: CSS 기초(선택자, 가상 클래스 :hover, :focus)를 알고, 한 단계 더 나아가고 싶은 분.01기존 CSS의 한계 — 왜 "부모 선택"이 어려웠나CSS 선택자는 기본적으로 아래 방향으로만 작동합니다./* ✅ 부모 → 자식: 가능 */.card input { ... }/* ✅ 형제 → 형제: 가능 */i..

티스토리툴바