분류 전체보기

리액트 to do list 앱

리액트를 처음 접하신다면, 간단한 프로젝트를 통해 기초 개념을 익히는 것이 중요합니다. 여기서는 "To-Do 리스트" 앱을 단계별로 만들어 보겠습니다. 이 프로젝트를 통해 리액트의 컴포넌트, 상태 관리, 이벤트 처리 등의 기본 개념을 배울 수 있습니다.1. 개발 환경 설정 (프로젝트 생성)먼저, 리액트 개발을 위한 환경을 구성하겠습니다. 아래의 명령어로 새로운 리액트 프로젝트를 생성할 수 있습니다.1-1. Node.js 설치Node.js가 설치되어 있지 않다면 Node.js 공식 웹사이트에서 다운로드하여 설치합니다.1-2. 새로운 리액트 프로젝트 생성터미널 또는 명령 프롬프트를 열고 아래 명령어를 입력하여 리액트 프로젝트를 생성합니다.bash코드 복사npx create-react-app todo-app위..

노베이스 상태에서 개발 프로젝트 만드는 법

노베이스 상태에서 개발 프로젝트 만드는 법 요약프로젝트 추천 주제왕초보 블로그/일기/메모장 -텍스트를 CRUD하는 프로그램 -개발에서 가장 많이 하는 작업으로 연습하기 좋음 -자료가 많고 시작하기 좋음 -개발기간 한달 초보 게시판/커뮤니티 (여러명이 쓸 수 있는 블로그/일기/메모장) 회원가입/로그인 (인증) 이 결합됨 -개발기간 석달 유틸리티성 앱/웹 설문조사, 더치페이, 알람, 시계 기타 등등 콘셉트는 독창적이지만, 의도적으로 스펙을 줄인 프로그램 (화면 4페이지) -간단하고, 창의적이고, 재미있고, 설계 연습 가능 개발 난이도를 올리는 주제 -첫트가 하드모드일 필요는 없음 -난이도가 높고, 작업량이 많음 회원가입/로그인 위치기반 소셜 로그인 푸시 알림 웹,앱 동시개발 이미지를 서버에 업로드 동영상 재..

ㅇㅇ

function copyTableToClipboard() { const table = document.querySelector('table'); let textToCopy = ''; for (let row of table.rows) { let rowData = []; for (let cell of row.cells) { // HTML을 텍스트로 변환하고 줄바꿈 태그를 줄바꿈 문자로 변환 let cellText = cell.innerHTML .replace(//gi, '\n') // 태그를 \n으로 대체 .replace(/]+>/gi, '') // HTML 태그를 제거 .trim(); // 여백 제거 rowData.push(cellText); } textToCopy += rowData.join('\t') ..

ㅇㅇ

import java.util.ArrayList; import java.util.List; public class CustomParser { public static void main(String[] args) { String inputData = "가\r\n" + "\"나\r\n" + "다\"\r\n" + "라\r\n"; List parsedValues = parseInputData(inputData); // 파싱된 값들을 출력하여 확인 for (String value : parsedValues) { System.out.println(value); } } public static List parseInputData(String inputData) { List result = new ArrayList()..

테이블 클립보드 복사

function copyRowToClipboard(rowIndex) { // 테이블 요소 가져오기 const table = document.getElementById("data-table"); // 인덱스가 1부터 시작하면 헤더를 제외한 첫 번째 행이므로, 그대로 사용합니다. const row = table.rows[rowIndex]; if (!row) { alert("Row not found"); return; } // 각 셀의 값을 탭으로 구분된 문자열로 생성 let rowData = []; for (let cell of row.cells) { // 셀의 입력 값 또는 선택된 값을 가져옵니다. let value; if (cell.querySelector('input')) { value = cell.q..

엑셀 복사 값 파싱, Selenium WebDriver를 통해 브라우저 자동화

관리자 콘솔 SP명: SP설명: IRP코드: 저장 ​package com.example.demo;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.chrome.ChromeDriver;import io.github.bonigarcia.wdm.WebDriverManager;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.a..

비주얼 스튜디오 디버깅 단축키 중단점

F5 : 디버 모드 실행 F5 : 다음 중단점까지 F9: 중단점 지정(코드에 커서 올려놓고) Ctrl Shift F9 : 모든 중단점 삭제 F10 : 스텝오버, 다음 줄로 F11 : 스텝인투, 함수 내부로 진입

점프 투 파이썬 05 파이썬 날개 달기 되새김 문제

#1. Calculator 함수를 상속하는 UpgradeCalculator를 만들고, 값을 뺄 수 있는 minus 메서드 추가하기 class Calculator: def __init__(self): self.value = 0 def add(self, val): self.value +=val class UpgradeCalculator(Calculator): def minus(self, val): self.value -= val cal = UpgradeCalculator() cal.add(10) cal.minus(7) print("1번 ",cal.value) #2. 객체변수 value가 100이상의 값은 가질 수 없도록 제한하는 MaxLimitCalculator 클래스 만들기 (Calculator 클래스 상..