총 37개
-
HTML 입력 양식 구성 및 CSS 스타일 적용2025.12.181. HTML 입력 양식 구조 HTML 문서에서 입력 양식을 구성하기 위해 input 요소를 사용합니다. 텍스트 입력, 비밀번호 입력, 제출 버튼 등 다양한 타입의 입력 필드를 정의할 수 있습니다. 각 입력 필드는 레이블과 함께 배치되어 사용자가 쉽게 이해할 수 있도록 구성됩니다. 이 예제에서는 아이디, 비밀번호 입력 필드와 제출 버튼으로 구성된 간단한 로그인 양식을 만들었습니다. 2. CSS 스타일링 및 border 속성 CSS의 border 관련 속성을 사용하여 입력 양식의 테두리를 조정할 수 있습니다. border-radius...2025.12.18
-
공개SW 개발자대회 개발계획서 모음2025.12.131. 훈민정음 - 프로그래밍 언어 교육 프로그램 학생들을 위한 우리말 기반 프로그래밍 교육 IDE 개발 프로젝트. 영어 거부감을 최소화하고 어린 학생들이 프로그래밍 언어의 구성과 실행을 이해할 수 있도록 전문 프로그램을 우리말로 번역하여 제공. 예를 들어 'printf' 대신 '출력'이라는 우리말을 사용. 두 개의 창으로 우리말 입력 시 실제 코드가 바로 표시되어 학습을 돕는 시스템. HTML+CSS, PHP, JavaScript, MySQL을 활용하여 웹 기반 환경 제공. 최종 목표는 비영어권 국가의 다양한 언어로 확대하여 국제적...2025.12.13
-
야구 분석 커뮤니티 API 개발 가이드2025.12.141. React API 구조 및 BASE_URL 설정 야구 분석 커뮤니티 애플리케이션의 React 구조에서 API 통신을 위한 기본 URL을 설정합니다. BASE_URL은 'http://localhost:8000/api'로 설정되며, 모든 API 요청이 이를 기본으로 사용하여 서버와 통신합니다. 이는 게시글, 댓글 등 모든 데이터 요청의 기초가 되는 중요한 설정입니다. 2. 게시글 CRUD 함수 구현 getPosts, createPost, updatePost, deletePost 함수를 통해 게시글의 생성, 읽기, 수정, 삭제 기능...2025.12.14
-
Newspedia 뉴스 앱 코드 분석 및 구현2025.12.141. React 컴포넌트 구조 Newspedia 뉴스 앱은 React 기반으로 구성되어 있으며, App.js를 중심으로 NewsList, NewsForm, FileInput, Rating 등의 컴포넌트로 이루어져 있습니다. 각 컴포넌트는 단일 책임 원칙을 따르며, useState와 useEffect 훅을 활용하여 상태 관리와 생명주기를 처리합니다. 컴포넌트 간 데이터 흐름은 props를 통해 단방향으로 전달되며, 콜백 함수를 통해 부모 컴포넌트와 통신합니다. 2. CRUD 기능 구현 뉴스 앱은 Create(생성), Read(조회),...2025.12.14
-
가위바위보 및 주사위게임 프로그램 코드 분석2025.12.141. 가위바위보 게임 구현 React를 이용한 가위바위보 게임 프로그램으로, 사용자가 가위바위보 이미지를 클릭하면 handleButtonClick 함수가 발생하여 setHand로 사용자의 선택을 지정하고, generateRandomHand 함수로 상대방의 핸드를 랜덤으로 결정한다. compareHand 함수는 1, -1, 0 값으로 승패를 판단하며, 게임 기록과 점수를 실시간으로 업데이트하고 표시한다. 배팅 점수는 1~9 범위의 정수만 허용하는 검증 함수를 통해 관리된다. 2. 주사위 게임 구현 주사위 게임은 1~6 사이의 랜덤 값...2025.12.14
-
인터넷 활용 ) 임의의 주제를 선정하고, 해당 주제에 맞는 페이지를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 주요기능을 정리2025.01.191. 웹페이지 제작 이 프레젠테이션은 임의의 주제를 선정하고 해당 주제에 맞는 웹페이지를 작성하는 방법에 대해 설명합니다. 웹페이지 제작을 위해 HTML과 CSS를 사용하여 여행 관련 정보와 이미지를 제공하는 페이지를 만들었습니다. 또한 여행지 순위를 확인할 수 있는 링크를 제공하여 사용자에게 유용한 정보를 제공하고 있습니다. 2. 웹 디자인 이 프레젠테이션에서는 웹페이지 제작 시 CSS를 활용하여 레이아웃, 색상, 폰트 등 웹 디자인 요소를 구현하는 방법을 보여줍니다. 헤더, 섹션, 버튼 등 각 요소의 스타일을 지정하여 사용자에게...2025.01.19
-
이벤트 처리를 이용한 계산기 프로그램 작성2025.01.161. 계산기 프로그래밍 이 프로젝트에서는 이벤트 처리 기반의 계산기 프로그램을 작성했습니다. 기본적인 사칙연산 기능을 구현하고, 숫자 입력, 산술기호 입력, 계산 창 기능, 문자 삭제, 계산 요청 등의 기능을 구현했습니다. 특히 산술기호 우선순위 처리, 계산 결과에 대한 연속 계산 등의 기능을 구현하여 사용자 경험을 향상시켰습니다. 1. 계산기 프로그래밍 계산기 프로그래밍은 기본적인 수학 연산을 수행하는 프로그램을 개발하는 것입니다. 이는 프로그래밍의 기초 중 하나로, 변수 선언, 연산자 사용, 입출력 처리 등의 기본적인 프로그래밍...2025.01.16
-
취업은 자기 개발과 이상을 실현하기 위한 선택2025.01.051. 당근마켓 기업 분석 당근마켓은 2015년 '판교장터'라는 서비스로 시작하여 지역 기반 중고거래 플랫폼으로 성장했습니다. 지역 기반 서비스와 편의성 제공을 통해 신뢰도와 호감도를 높였고, 최근에는 지역 커뮤니티 플랫폼으로 자리잡고 있습니다. 당근마켓은 빠른 성장을 통해 유니콘 기업이 되었으며, 지속적인 기능 개선과 사용자 경험 향상을 위해 노력하고 있습니다. 2. 당근마켓 입사를 위한 역량 분석 당근마켓의 중고거래실 직군에 지원하기 위해서는 HTML, CSS, JavaScript 등 웹 개발 기술, React.js 프로젝트 경험...2025.01.05
-
인터프리터와 컴파일러의 공통점과 차이점2025.01.251. 인터프리터 인터프리터는 프로그램을 실행할 때 한 번에 소스코드 한 줄씩 차례대로 번역한다. 번역 시간은 빠르지만 실행 속도가 느리다. 오류가 있을 경우 빠른 시점에 확인할 수 있어 수정이 쉽고, 하드웨어 환경에 맞게 변환이 가능하여 플랫폼과의 종속성이 낮다. 대표적인 인터프리터 언어로는 Python, JavaScript, Ruby 등이 있다. 2. 컴파일러 컴파일러는 프로그램 소스코드 전체를 한 번에 해석해서 일괄 기계어로 변환한다. 초기 번역 시간이 오래 걸리지만 실행 속도가 빠르다. 오류 확인과 수정이 용이하지 않으며, 하...2025.01.25
-
프로그래밍 언어, 프레임워크2025.05.081. 프로그래밍 언어 프로그래밍 언어에는 C, C++, Java, Python, JavaScript 등 다양한 언어가 있으며, 전 세계 개발자들이 이를 활용하여 코드를 작성하고 프로그램을 만들어낸다. 프로그래밍 언어 사용 시 협업이 중요하며, 이를 위해 프레임워크가 활용된다. 2. 프레임워크 프레임워크는 소프트웨어 개발에 있어 공통으로 사용되는 개발 기능(인터페이스)을 제공하는 것으로, 개발자가 핵심 비즈니스 로직에 집중할 수 있도록 돕는다. 대표적인 웹 프레임워크로는 Spring, Django, Flask 등이 있으며, 한국에서는...2025.05.08
2 / 4
