분류 전체보기 (393) 썸네일형 리스트형 React.js 라우팅 된 각각 페이지에 한개의 useState 변수 전달하기 App.js import { Route, Routes } from 'react-router-dom'; import React, { useState } from 'react' import './App.css'; import Test from './Test'; import Heading from './Component/Heading'; import List from './Component/List'; import Upload from './Component/Upload'; function App() { const [ContentList, setContentList] = useState([]); return ( ); } export default App; const [ContentList, setContent.. CSS : <div class="overflow-hidden ..."></div> overflow-hidden 이 뭐지 ? hidden Tailwind CSS의 클래스 중 하나로, 해당 요소의 내용이 넘칠 때 넘친 부분을 감출 수 있도록 설정하는 클래스입니다. 이 클래스를 사용하면 요소의 크기를 벗어나는 내용이 자동으로 잘려서 보이지 않게 됩니다. overflow-hidden 클래스는 일반적으로 컨테이너나 박스 형태의 요소에 적용되며, 다양한 상황에서 유용하게 사용될 수 있습니다. 예를 들어, 이미지 갤러리, 카드 레이아웃, 뉴스 기사 등의 요소에서 내용이 넘칠 경우, 이 클래스를 사용하여 넘친 부분을 감출 수 있습니다. Tailwind CSS는 매우 유연한 CSS 프레임워크로, 다양한 유틸리티 클래스를 제공합니다. 이러한 클래스들을 조합하여 원하는 디자인을 쉽게 구현할 수 있습니다. overflow-hidden 클래스는 그.. Javascript 배열 변수에 공백 값이 자꾸 들어가는 경우 filter() 메서드 Javascript 배열에서 공백 값을 제거하려면 filter() 메서드를 사용할 수 있습니다. 다음과 같이 코드를 수정하면 됩니다: wr_7 = wr_7.filter(function(value) { return value.trim() !== ''; }); 이 코드는 wr_7 배열을 순회하면서 각 요소의 앞뒤 공백을 제거한 후, 공백이 아닌 값들로 새로운 배열을 생성합니다. 이렇게 생성된 새로운 배열이 다시 wr_7에 할당되면서 공백 값이 제거됩니다. HTML JSTL - , 태그 를 사용하는 경우 - ${trimmedItem} wr_7_list 배열에서 공백 값을 제거하려면 forEach 루프 내에서 각 요소에 접근하기 전에 공백을 제거해야 합니다. 다음과 같이 코드를 수정할 수 있습니다: 위의 코드에.. Javascript 첨부파일 용량 제한하는 방법 쉽습니다 feat JQuery HTML -파일 첨부시 250KB 이하 용량만 첨부 가능 위와 같은 파일 업로드 input 태그를 만들고 파일을 업로드 할 때 용량 제한은 서버 관리를 위해 매우 중요하다. 너무 큰 용량의 파일의 경우 해당 파일을 서버까지 전송하는데 많은 시간과 에러를 발생시킨다. JAVASCRIPT $(document).ready(function() { $('.upload_file').change(function() { var file = this.files[0]; var maxSize = 250 * 1024; // 250KB 제한 (1KB = 1024 bytes) if (file.size > maxSize) { alert("파일 크기는 250KB 이하여야 합니다."); $(this).val(''); // 선택한 파일.. Netlify 에 React.js Web 웹페이지 Deploy 배포 하는 방법 쉬워요! Netlify는 웹 애플리케이션 및 동적 웹사이트를 위한 구축, 배포 및 서버리스 백엔드 서비스를 포함하는 개발 플랫폼을 제공하는 원격 최초의 클라우드 컴퓨팅 회사입니다. 제한적으로 웹 페이지 배포 서비스를 무료로 제공해주고 있습니다. 배포하는 가장 쉬운 방법은 github 깃허브에 내가 개발한 코드가 올라가 있으면 간편합니다. 회원 가입을 진행해줍니다. 여러가지 방법으로 로그인 할 수 있습니다. 보면 하나의 team 에 site 를 배포 할 수있습니다. Add new site 버튼을 클릭합니다. 저 같은 경우는 github로 리포지토리에서 내려 받았습니다. 위에는 예시 입니다. 개발한 코드의 폴더 명을 base directory에 적어 줍니다. build command의 경우 npm rund build.. python - deeplearning https://datascienceschool.net/intro.html 데이터 사이언스 스쿨 — 데이터 사이언스 스쿨 데이터 사이언스 스쿨은 데이터 사이언스에 대한 모든 지식을 공유하는 장입니다. 알림 데이터 사이언스 스쿨 홈페이지를 깃헙 페이지와 주피터 북 기반으로 리모델링하였습니다. datascienceschool.net DATABASE MySQL - MySQL 설치 방법 2가지 (wamp , cloud IDE) https://dev.mysql.com/downloads/mysql/ MySQL :: Download MySQL Community Server Select Operating System: Select Operating System… Microsoft Windows Ubuntu Linux Debian Linux SUSE Linux Enterprise Server Red Hat Enterprise Linux / Oracle Linux Fedora Linux - Generic Oracle Solaris macOS Source Code Select OS Version: All Windows (x86 dev.mysql.com 이렇게 바로 내 피씨에 Mysql을 설치해도 되지만 이런게 있다 Mysql 설치 경로 확.. C# -Thread 동기화 ! (lock 키워드/Monitor 클래스 사용) 동기화 란 ? 작업들 사이의 수행 시기를 맞추는 것 -> 다수의 스레드가 동시에 공유 자원을 사용할 때 순서를 정하는 것 복수의 스레드가 있을 때 문제가 된다. 지금 작업하고 있으니까 너는 대기해 이런식으로 순서를 정하는 것을 동기화라고 합니다. 동기화 키워드와 클래스 lock : 동기화 키워드 Monitor Mutex Interlocked AutoResetEvent ManualResetEvent 동기화 대상 * 공유 자원에 대한 접근이 예상되는 스레드 * 한 객체를 다수의 스레드가 사용되는 때 lock 형식 private object obj = new object(); lock( obj ) { 임계(경계) 영역 (critical section) } lock 주의할 점 *lock(this) *lock(t.. 이전 1 ··· 14 15 16 17 18 19 20 ··· 50 다음
