코딩ABC

8월 헤드라인: AI 코드 어시스턴트, Python을 더욱 발전시키다.지난달, Python은 TIOBE 지수에서 역대 프로그래밍 언어 중 가장 높은 순위를 기록했습니다. Python이 더 이상 성장할 수 없을 것이라 예상했지만, AI 코드 어시스턴트 덕분에 Python은 한 단계 더 도약했습니다. 스탠퍼드 대학교(예고르 데니소프-블랑치)의 최근 연구에 따르면, Microsoft Copilot, Cursor, Google Gemini Code Assist와 같은 AI 코드 어시스턴트는 인기 프로그래밍 언어에 사용될 경우 20% 더 효과적입니다. 그 이유는 명확합니다. 기반 모델을 학습하는 데 사용할 수 있는 이러한 언어의 코드가 더 많기 때문입니다. 이러한 추세는 TIOBE 지수에서도 확인할 수 있으며, ..

input 태그로 반지를을 입력받아, 원의 둘레와 넓이를 계산하는 자바스크립트 코드입니다. 원의 넓이와 둘레 계산기 반지름을 입력하세요: 계산하기

자바스크립트에서 스타일을 적용하는 방법은 다양하지만, 가장 기본적인 방식은 HTML 요소의 style 속성을 직접 수정하는 것입니다. 아래에 간단한 예제를 한 개 소개합니다. 안녕하세요! 스타일 바꾸기

자바스크립트를 삽입하는 예제입니다. 사이에 기술하며, html 문서의 아무 위치에나 삽입할 수 있습니다. 예제 1: html 태그 위, head 태그 사이, body 태그에 삽입하는 예 예제 2: 함수를 head 태그 내부에 정의하고 호출하는 예 안녕하세요 1... 안녕하세요 2... 예제 3: 함수를 body 태그 내부에 정의하고 호출하는 예 안녕하세요 1... 안녕하세요 2...

Google Gemini에게 다음과 같이 질문을 했습니다. >> Gemini의 한국어 발음은? Gemini는 한국어로 주로 **"제미니"**라고 발음합니다.일부에서는 영어 발음에 가깝게 "제미나이"라고 표기하거나 발음하기도 하지만, 일반적인 한국어 표기와 발음은 "제미니"입니다. Gemini 제미니가 아니라 제미나이>> Gemini를 제미니라고 부르지 않고 왜 제미나이라고 부르는가? **"제미나이"**는 영어 원어민 발음에 더 가까운 것이고, **"제미니"**는 한국어 외래어 표기 관습상 오랫동안 사용되어 온 발음입니다. 최근에는 구글의 공식 발표와 미디어의 영향으로 **"제미나이"**라는 발음이 더 널리 알려지면서 혼용되고 있는 추세입니다.

AI 에이전트란 스스로 판단하고 행동하여 특정 목표를 달성하려는 인공지능 시스템을 말합니다.🧠 AI 에이전트의 정의AI 에이전트는 환경을 인식하고, 그에 따라 행동을 선택하여 목표를 수행하는 인공지능 시스템입니다.즉, 다음과 같은 구조를 가집니다:센서 (Perception): 환경에서 정보를 수집함→ 예: 카메라, 마이크, 웹 데이터 등판단/계획 (Reasoning/Planning): 현재 상태를 분석하고 다음 행동을 결정행동 (Action): 환경에 영향을 미치는 행동 수행→ 예: 로봇의 움직임, 대화, API 호출 등🔍 예시로 이해하는 AI 에이전트예시환경목표행동로봇 청소기집 내부청소 완료장애물 피하고 이동하며 청소챗봇사용자 대화질문에 답하기자연어로 응답 제공자율주행차도로안전하게 목적지 도착차선 ..

자바스크립트(JavaScript)는 오늘날 웹 개발에서 가장 중요한 언어 중 하나이며, 그 역사는 매우 흥미롭고 빠르게 발전해 왔습니다. 아래는 자바스크립트의 주요 역사적 흐름을 정리한 것입니다:🔹 1. 탄생 (1995)**브렌던 아이크(Brendan Eich)**가 **넷스케이프(Netscape)**에서 10일 만에 자바스크립트를 처음 개발처음에는 Mocha → LiveScript → 최종적으로 JavaScript로 명명→ Java와는 이름만 비슷할 뿐, 전혀 다른 언어임🔹 2. 표준화 (1996~1997)넷스케이프와 마이크로소프트가 각각 JavaScript와 JScript를 만들어 혼란 발생1997년 ECMA 국제 표준화 기구가 **ECMAScript(ES)**로 표준화ECMAScript 1 (1..

자바스크립트(JavaScript)는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나로, 웹 페이지에 동적인 기능을 추가하기 위해 사용됩니다. HTML과 CSS와 함께 웹의 3대 핵심 기술로 불리며, 다음과 같은 특징을 가집니다:🔹 자바스크립트란?**자바스크립트(JavaScript)**는 브라우저에서 실행되는 인터프리터 방식의 스크립트 언어로, 웹 페이지에 다양한 인터랙션, 애니메이션, 폼 유효성 검사, 비동기 통신(AJAX) 등을 가능하게 합니다.🔹 자바스크립트의 주요 특징특징설명동적 언어실행 중에 변수의 자료형이 바뀔 수 있음인터프리터 언어컴파일 없이 실행됨객체 기반(Object-Oriented)객체와 메서드를 중심으로 작동이벤트 기반(Event-Driven)사용자 입력(클릭, 키보드 등)..

6월 헤드라인: SQL은 어디로 가는가?SQL은 TIOBE 지수에서 주목할 만한 역사를 가지고 있습니다. 2001년 TIOBE 지수가 시작되었을 당시, SQL은 20개 언어 중 하나였습니다. 당시 SQL은 상위 10위권에 속해 있었습니다. 2004년 초, 누군가 SQL이 프로그래밍 언어가 아니라고 지적했습니다. 많은 논쟁 끝에 SQL을 목록에서 제외하기로 결정했습니다. 2018년, 또 다른 누군가가 SQL이 튜링 완전하지만(Turing complete), 다소 까다로운 방식으로 튜링 완전하다고 지적했습니다. 튜링 완전하면 프로그래밍 언어로 간주됩니다. 따라서 그 순간부터 SQL은 TIOBE 지수에 다시 포함되었고, 데이터베이스와 SQL은 서로 밀접하게 연관되어 있기 때문에 SQL은 다시 상위 10위권에 ..

✅ box-sizing 속성문법:box-sizing: content-box | border-box | inherit; 📦 주요 값값설명content-box❗ 기본값. width와 height는 content만 포함. padding, border는 크기에 추가됨border-box✅ width와 height에 padding과 border가 포함됨. 실제 요소의 크기를 정확히 조절하기 쉬움inherit부모 요소로부터 box-sizing 값을 상속 🔍 차이점 예제:/* 공통 스타일 */div { width: 200px; padding: 20px; border: 10px solid black;}/* 1. 기본값: content-box */.div1 { box-sizing: content-box;}/* ..