How foreigners rent cars in Jeju Island

Renting a car in Jeju Island is a popular option for foreign tourists as it allows for greater flexibility and convenience when exploring the island. Here are some steps to follow to rent a car in Jeju Island: Get an International Driver's Permit: To rent a car in Jeju Island, you'll need to have an International Driver's Permit (IDP) in addition to your regular driver's license. An IDP is a tra..

Discovering the Best Hotels in Bangkok: A Guide to Finding Your Perfect Stay

Bangkok is a great city for foreigners to travel for several reasons: Cultural Diversity: Bangkok is a melting pot of cultures and traditions, which makes it a fascinating place to visit. From the vibrant street food scene to the historic temples and palaces, you'll find a rich tapestry of cultural experiences waiting for you in Bangkok. Shopping: Bangkok is a shopper's paradise, with everything..

[조코딩]앱 개발 이렇게 쉬웠나? React Native로 크로스 플랫폼 웹뷰앱 만들기

https://www.youtube.com/watch?v=yjPl8Injlbw 쥰내 쉽네 ㅋㅋㅋ 웹뷰란 무엇인가? 웹뷰(WebView)란? 웹뷰(WebView)란 프레임워크에 내장된 웹 브라우저 컴포넌트로 뷰(View)의 형태로 앱에 임베딩하는 것을 말한다. 즉, 앱 안에 HTML iframe을 넣어놓은 것이다. 즉, WebView는 앱 내에 웹 브라우저를 넣는 것이다. 웹 페이지를 보기 위해서 혹은 앱 안에서 HTML을 호출하여 앱을 구현하는 하이브리드 형태의 애을 개발하는데에도 많이 사용된다. 하이브리드 앱 장점 하이브리드 앱은 안드로이드 네이티브 앱 개발에 비해서 개발이 비교적 쉽다. 특히 기기간의 호환성을 해결하기가 상대적으로 편하다. 타 웹 사이트 링크로 가는 기능등을 지원하기 위해서 많이 ..

A Guide to Winter Weather in Busan, South Korea + Korea Four Seasons Weather

Winter Weather in Busan February and March are both winter months in Busan, South Korea. During this time, the weather is usually cold and dry, with average temperatures ranging from 4C to 10C (39F to 50F). There can be occasional snow or sleet, but these events are rare. The days are generally shorter and the skies are often cloudy, but there can also be clear, sunny days during this time. ..

Experience the Ideal Weather of Jeju Island, South Korea

"Experience the Ideal Weather of Jeju Island, South Korea: A Guide for Tourists" Jeju Island, located off the southern coast of South Korea, is a popular tourist destination known for its mild and subtropical climate. In this guide, we'll give you an overview of the weather on Jeju Island based on 10 years of weather data, so you can plan your trip accordingly. Spring (March to May): Spring on J..

동기 /비동기

동기 : 여러 일을 한 업무가 끝나면 실행 될 다음 업무 존재 -> 작업 순서가 중요 함 ->게시판 글 작성 후 게시판 목록 조회 비동기 : 동시에 여러 일 할 때 사용 -> 순서 보다는 동시 다발적으로 작업이 진행 되고 작업이 마무리 되어야 함 -> 메인 웹 페이지 or 게시판 목록 or 게임 다운 받으면서 카톡 작업 Javascript는 기본적으로 동기 방식 ! -> axios or fetch -> 비동기 (default) const data = axios.get ("https://www.naver.com") -> 백엔드 요청 ->DB ----> 위 코드 라인 진행 시 data 값이 아직 안들어 왔어도 다음 코드 진행 ----> 도중에 const data -> 출력 시 "Promise" 로 출력 됨 ..

[Node.js]CoolSMS를 사용하여 api로 문자 발송

https://www.npmjs.com/package/coolsms-node-sdk coolsms-node-sdk CoolSMS SDK for Node.js(Server Side Only). Latest version: 2.0.1, last published: a year ago. Start using coolsms-node-sdk in your project by running `npm i coolsms-node-sdk`. There are 3 other projects in the npm registry using coolsms-node-sdk. www.npmjs.com npm install 를 꼭 해주셔야합니다. CoolSMS를 사용하여 api로 문자 발송을 해볼려고합니다. 회원가입을 해줍니다. 체..

[Node.js] BackEnd에서 메일 전송하기 (with Nodemailer & Gmail)

https://www.npmjs.com/package/nodemailer nodemailer Easy as cake e-mail sending from your Node.js applications. Latest version: 6.9.1, last published: 10 days ago. Start using nodemailer in your project by running `npm i nodemailer`. There are 5765 other projects in the npm registry using nodemailer. www.npmjs.com npm i nodemailer https://nodemailer.com/about/ Nodemailer :: Nodemailer Nodemailer..

Chatbots: The Future of Customer Service

Chatbots are rapidly gaining popularity as the go-to solution for businesses looking to improve their customer service. With the ability to handle an endless stream of queries 24/7, chatbots are transforming the way we interact with businesses online. In this post, we'll discuss why chatbots are the future of customer service and how you can get started with them. Why Chatbots are the Future of ..

https://youtu.be/uJkOeB7-UWY Introduction The United States of America is considered one of the world's largest and most influential democracies. At the heart of American democracy are the values of freedom and equality, which are enshrined in the country's founding documents, such as the Constitution and the Bill of Rights. Two of the most important principles of American democracy are democrac..

How to create a Google Chrome extension program with ChatGPT(ChatGPT로 구글 크롬 확장 프로그램 만드는 방법)

https://openai.com/blog/chatgpt/ ChatGPT: Optimizing Language Models for Dialogue We’ve trained a model called ChatGPT which interacts in a conversational way. The dialogue format makes it possible for ChatGPT to answer followup questions, admit its mistakes, challenge incorrect premises, and reject inappropriate requests. ChatGPT is openai.com 회원 가입 후 실행해줍니다. TRY CHATGPT 버튼 클릭 ! 프롬프트에 이와 같이 입력 ..

ChatGPT 전세계에서 난리난 인공지능 챗봇 사용법 (How to use ChatGPT)

ChatGPT 란 ? ChatGPT는 OpenAI가 개발한 프로토타입 대화형 인공지능 챗봇이다. ChatGPT는 대형 언어 모델 GPT-3의 개선판인 GPT-3.5를 기반으로 만들어졌으며, 지도학습과 강화학습을 모두 사용해 파인 튜닝되었다. ChatGPT는 Generative Pre-trained Transformer(GPT)와 Chat의 합성어이다. ChatGPT는 2022년 11월 프로토타입으로 시작되었으며, 다양한 지식 분야에서 상세한 응답과 정교한 답변으로 인해 집중 받았다. 다만, 정보의 정확도는 중요한 결점으로 지적되고 있다.[1] ChatGPT - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. ChatGPT는 OpenAI가 개발한 프로토타입 대화형 인공지능 챗봇이다. Ch..

[Javascript] 얕은 복사 (spread연산자) / 깊은 복사(JSON메서드) : 백엔드

//얕은 복사 -> spread ... 문법 사용 const child1 = { name: "철수", age: 13, school: "다람쥐초등학교" } const child2 = { ...child1 } child2.name = "영희"; console.log('child1', child1) console.log("child2", child2) //깊은 복사 -> JSON 문법사용 or lodash -> 공부 const child3 = { name: { first: "김", last: "철수" }, age: 13, school: "다람쥐초등학교" } const child4 = JSON.parse(JSON.stringify(child3)); //완전 새로운 객체 child4.name.first = "최"..

[Javascript] ...rest 파라미터 사용법

//REST 파라미터 ?? const child5 = { name: "철수", age: 8, school: "다람쥐초등학교", money: 2000, hobby: "수영", } //delete child.money -> 원본을 건들이는 명령어 //how to use ...rest const { money, hobby, ...rest } = child5; //...rest = {name , age, school} console.log('rest', rest) 변수 이름은 자유 ! ...aaa , ...bbb , ...ccc 아무거나 적어도 상관 없다. spread 연산자과 구조분해할당 합쳐서 구현

Apollo Server를 사용하여 GraphQL 서버 구현 해보자 !

https://www.apollographql.com/docs/apollo-server/ Introduction to Apollo Server Introduction to Apollo Server Apollo Server is an open-source, spec-compliant GraphQL server that's compatible with any GraphQL client, including Apollo Client. It's the best way to build a production-ready, self-documenting GraphQL API that can use data f www.apollographql.com https://graphql.org/learn/ GraphQL | A ..

웹 백엔드 학습 No.1 : Token 만드는 코드 -> Farcade Pattern

PAD padStart와 padEnd 함수는 ES8(ES2017)에 새롭게 추가된 기능이다. pad는 좌우에 특정한 문자열로 채우는 기능이다. 좀더 자세히 얘기하면 첫번째 파라미터인 maxLength를 받아 문자열의 길이가 maxLength보다 작을 경우 나머지를 특정한 문자열로 채워주는 기능이다. 이때 두번째 문자열을 넘겨주지 않으면 빈 공백으로 문자열을 채운다. const result = String(Math.floor(Math.random() * 1000000)).padStart(6, "0"); console.log('result', result) Token console.log("안녕하세요 !") function getToken(num) { const result = String(Math.flo..

구조분해할당(Destructing) -javascript

구조분해할당 = 비구조화할당 const child = { name: "준호", age: 30, school: "USC", createdAt: "2021-03-15", } // const name = "joonho" // const age = 30 // const school = "서라벌초등학교" // const createdAt = "2020-01-01" const { name, age, school, createdAt } = child getWelcomeTemplate({ name, age, school }); function getChild() { return { namec: "철수", agec: 13, schoolc: "다람쥐초등학교", } } const { schoolc } = getChild()..

<img> 태그 확대 CSS

https://homzzang.com/b/html-55 홈짱닷컴 홈페이지 제작, 그누보드 강의, 웹코딩, HTML, CSS, JAVASCRIPT, JQUERY, PHP, SQL homzzang.com css .img3 img { display: block; width: 100%; height: auto; transition: transform 0.25s ease-in-out; } .img3 img:hover { transform: scale(1.2); } html

[Javascript] ...변수 : 스프레드 연산자(spread)

Spread Operator 기본 문법 스프레드 연산자를 사용하면 배열, 문자열, 객체 등 반복 가능한 객체 (Iterable Object)를 개별 요소로 분리할 수 있습니다. // Array var arr1 = [1, 2, 3, 4, 5]; var arr2 = [...arr1, 6, 7, 8, 9]; console.log(arr2); // [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ] // String var str1 = 'paper block'; var str2 = [...str1]; console.log(str2); // [ "p", "a", "p", "e", "r", " ", "b", "l", "o", "c", "k" ] 스프레드를 안쓰고 이렇게 하는건 안되나 ? var arr1 = [1,..

[React.js] useReducer

import "./App.css"; import { useState, useReducer } from "react"; function App() { // useState const [count, setCount] = useState(0); function down() { setCount(count - 1); } function up() { setCount(count + 1); } function reset() { setCount(0); } // useReducer function countReducer(oldcount, action) { if (action === "UP") { return oldcount + 1; } else if (action === "DOWN") { return oldcount - ..

[Next.js] error - unhandledRejection: MongoServerError: user is not allowed to do action [find] on [test.users]

error - unhandledRejection: MongoServerError: user is not allowed to do action [find] on [test.users] at Connection.onMessage (C:\Users\leejoonho) at _write (node:internal/streams/writable:330:10) at MessageStream.Writable.write (node:internal/streams/writable:334:10) at TLSSocket.ondata (node:internal/streams/readable:754:22) at TLSSocket.emit (node:events:527:28) at addChunk (node:internal/str..

[Next.js]

https://cocoon1787.tistory.com/714

java.util.zip.ZipException: invalid END header (bad central directory offset) : 해결방법

java.util.zip.ZipException: invalid END header (bad central directory offset) at java.util.zip.ZipFile.open(Native Method) at java.util.zip.ZipFile.(ZipFile.java:112) at java.util.jar.JarFile.(JarFile.java:117) at java.util.jar.JarFile.(JarFile.java:55) at org.apache.catalina.loader.StandardClassLoader.addRepositoryInternal(StandardClassLoader.java:1216) at org.apache.catalina.loader.StandardCla..

[Next.js] how to transform HTML to JSX for Next.js : html 파일을 next.js에 사용하는 방법 !

https://www.youtube.com/watch?v=eHB6hMiv0lw html로 대부분 작업된 웹 개발 환경을 너무너무너무 react 환경으로 바꾸고 싶은데 나는 프론트앤트 , 퍼블리셔가 아니라서 html을 react로 치환하고 있을 시간이 없어 해당 방법을 알아보았다 그렇다고 멋진 백엔드도 아니니까 결국 게을러서 ...... 코딩 is 심플 .... 일단 위의 방법을 따라하면 상용된 HTML 또는 현재 사용중인 웹 페이지에서 해당 html을 가져온다 https://bubble.io/templates Templates for Bubble Buy and sell Bubble template to speed up app development. Bubble is a visual programing l..

[Node.js] ERROR : Refused to apply style from 'http://localhost:5000/resource/css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. (

일단 간단한 html + css 파일 덩어리 ! 퍼블리셔에게 넘겨 받아서 node.js server에 올릴 목적으로 작업을 진행하였다. 매우 간단하다고 생각하였는데 문제가 발생했다. const express = require("express"); const port = process.env.PORT || 5000; const app = express(); app.use(express.json()); app.use(express.urlencoded()); //api routes app.get("/", (req, res) => { res.sendFile(__dirname + "/public/index.html"); }); app.post("/post", (req, res) => { console.log(re..

[node.js] express route 사용 방법 !

app.get("/tech", (req, res) => { res.sendFile(__dirname + "/public/html/02_tech.html"); }); app.get("/perform", (req, res) => { res.sendFile(__dirname + "/public/html/03_perform.html"); }); app.get("/field", (req, res) => { res.sendFile(__dirname + "/public/html/04_field.html"); }); app.get("/contact", (req, res) => { res.sendFile(__dirname + "/public/html/05_contact.html"); }); 이렇게 줄줄이 적힌 app.g..

Error creating bean with name 'exceptionTransfer' defined in file : (해결 방법)

org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'exceptionTransfer' defined in file -> https://www.egovframe.go.kr/home/qainfo/qainfoRead.do?menuNo=69&qaId=QA_00000000000019137 묻고 답하기 | 표준프레임워크 포털 eGovFrame 처리중입니다. 잠시만 기다려주십시오. www.egovframe.go.kr 안녕하세요. 표준프레임워크센터 입니다. 첨부하신 로그에 보면 다음 부분이 확인이 됩니다. nested exception is java.lang.ClassNotFoundException 샘플 프로젝트인..

[Ubuntu] Screenr : 우분투를 위한 스크린샷 프로그램을 소개 합니다.

우분투를 위한 스크린샷 프로그램을 소개 합니다. 윈도우 , 맥OS, 리눅스 OS 모든 곳에서 설치 및 사용이 가능합니다. ScreenRec is a free screenshot program to take annotated screenshots in one click and share them instantly. Get started in 60 seconds Annotate your screenshots Auto-save screenshots to the cloud Free private cloud storage No annoying watermarks Super lightweight and fast https://screenrec.com/screenshot-tool/#download Free Scree..

Next.js -How to use Dynamic Routes

Defining routes by using predefined paths is not always enough for complex applications. In Next.js you can add brackets to a page ([param]) to create a dynamic route (a.k.a. url slugs, pretty urls, and others). 사전에 정의된 경로를 사용하는 라우팅은 복잡한 어플리케이션에 항상 적합하지 않습니다. Next.js 에서는 {}을 사용하여 동적인 라우팅이 가능하게 합니다. import { useRouter } from 'next/router' const Post = () => { const router = useRouter() const { pi..

리눅스 우분투에서 원도우 원격 접속하기 (rdesktop, remmina)

[rdesktop] https://ko.wikipedia.org/wiki/Rdesktop rdesktop - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. ko.wikipedia.org rdesktop은 마이크로소프트의 원격 데스크톱 프로토콜(RDP)의 클라이언트 소프트웨어 구현체이다. rdesktop은 GNU 일반 공중 사용 허가서(GPL-3.0 이상)의 요건에 종속되는 자유-오픈 소스 소프트웨어이며 리눅스, BSD, 마이크로소프트 윈도우용으로 이용이 가능하다. 2013년 9월 기준으로 rdesktop은 RDP 5 프로토콜의 큰 부분 집합을 구현한다. 현대 버전의 윈도우의 원격 데스크톱 연결과는 달리 rdesktop은 윈도우 NT 4.0 터미널 서버 에디션과 윈도우 2000 서버에 ..

<DBever> HOW to Migration MySQL to PostgreSQL

대표님이 말씀하신 방법중 하나라고 생각 됩니다. [dbeaver] : 여러 가지 DBMS를 하나의 툴로 통합 관리해주는 어플리케이션 1. Mysql , postgresql 을 해당 통합 DBMS로 연동 기존 Mysql , Postgresql 두 개 모두 관리자 비밀번호 설정을 해주는게 좋습니다 . How to Mysql mysql> ALTER user 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '변경 비밀번호'; How to Postgresql postgres>- create user '계정' with encrypted password '패스워드'; postgres>- alter user '계정' with encrypted password ..

[Node.js] 백엔드 간단한 api 서버 구축 방법

https://velog.io/@ywoosang/Node.js-%EC%84%A4%EC%B9%98 우분투 Node.js 설치및 npm 환경구축 우분투 20.04에 Node.js 를 설치하는 세 가지 방법, npm 환경 구축과 REPL 을 이용한 실행 velog.io 1.$sudo apt-get install -y curl 2.$ sudo apt update 3.$ sudo apt install nodejs 4.$ nodejs -v -> v12.22.9 5.$sudo apt install npm node .js 설치 완료 npm install [package] npm init -> 패키지 정렬 ! npm uninstall [package] -> 삭제 npm i express -> 웹 페이지 프레임 워크 설치..

[Node.js] node.js Test api 만드는 쉬운 방법

https://www.youtube.com/watch?v=pN49Lnlyuao https://github.com/typicode/json-server GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously) Get a full fake REST API with zero coding in less than 30 seconds (seriously) - GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously) github.com -> Ge..

[Docker] : Docker-compose.yml

https://gist.github.com/egoing/b62aa16573dd5c7c5da51fd429a5faa2 docker-compose.md GitHub Gist: instantly share code, notes, and snippets. gist.github.com docker network create wordpress_net 워크프레스 네트워크를 생성해 줍니다. $ docker \ > run \ > --name "db" \ > -v "$(pwd)/db_data:/var/lib/mysql" \ > -e "MYSQL_ROOT_PASSWORD=123456" \ > -e "MYSQL_DATABASE=wordpress" \ > -e "MYSQL_USER=wordpress_user" \ > -e "MY..

[Ubuntu] hMailServer 대체 메일 서버 : MailCow 음메에~~~~ 우분투에 설치하기

새로 회사에 구축한 우분투 서버에 hMailServer 대체품인 MailCow 설치 하는데 어려움이 있어 글을 남긴다 이게 설치할 때 버전 문제도 많이 생기는거 같아 도움이 될지 모르겠다. https://wiki.crowncloud.net/How_to_Install_Gitea_on_Ubuntu_18_04?How_to_install_Mailcow_Server_on_Ubuntu_18_04 How To Install Mailcow Server On Ubuntu 18 04= wiki.crowncloud.net https://www.youtube.com/watch?v=H4z-5zB7WHk 일당 이 두개를 제일 많이 참고 했는데 hostnamectl set-hostname mail.example.com 일단 이와 ..

[Node.js] Nodemon 로 편하게 서버 재 실행

나는 우분투 사용자이다 Nodemon 설치 시 발생했던 문제점 적어보았다. 1. npm install nodemon -> 설치 위 명령어로 설치를 하게 되면 nodemone : 명령을 찾을 수 없습니다 해당 에러를 마주하게 된다 . -> npm uninstall nodemon 으로 삭제를 해주고 -> npm install -g nodemone -> 설치 -g : 이건 컴퓨터 전역에서 해당 모듈을 사용할 수 있도록하는 명령어이다. npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories,..

WARN [org.springframework.web.servlet.PageNotFound] No mapping found for HTTP request with URI [/aaa/bbb/dddddd.do] in DispatcherServlet with name 'action'

1. web.xml 에서 DispatcherServlet 선언이 제대로 되어있는지 확 appServlet org.springframework.web.servlet.DispatcherServlet contextConfigLocation classpath:ㄴㄴㄴㄴ.xml 1 appServlet / action org.springframework.web.servlet.DispatcherServlet contextConfigLocation /WEB-INF/config/springmvc/dispatcher-servlet.xml 1 action *.do rest org.springframework.web.servlet.DispatcherServlet contextConfigLocation /WEB-INF/confi..

1일차 처음 만드는 인공지능 모델링

더보기 강사 : 장은진 스마트 시티란? 1. 다양한 데이터가 공유 및 분석되어 사용자의 필요에 맞게 제공되는 도시 2. 예시 (국내) : 교통정보시스템은 서울시의 전체적인 교통정보를 제공하는 플랫폼 (TOPIS) 디지털 트윈 환경 : 서울시의 가시권을 미리 확인해 볼 수 있는 시스템 공유주차 시스템은 민간과 공공주차장을 통합하고 예약 및 결제를 원스톱으로 처리해주는 공유주차 시스템 (모두의 주차장) 3. 예시 (해외) : 태양광 패널 스마트 쓰레기통(Bigbelly Bins)은 비슷한 크기의 다른 쓰레기통 보다 최소 8배 쓰레기 처리 가능 뚜껑에 있는 쓰레기 감지 센서가 쓰레기가 어느 정도 차면 미화원에게 알람을 보냄 코펜하겐 스트리트 랩(Street LAB)은 도시 내의 주차 정보 , 쓰레기 처리 , ..

[Docker] : dockerfile 작성-> image 생성 -> Container 생성 및 운영 그리고 DockerHub에 push 마무리 @@@

const express = require('express'); const app = express(); app.get('/',(req,res)=> { res.send(" CentumJoonho in Docker !!"); }); app.listen(8088,() =>console.log("server is running")); -> express 통해서 간단하게 서버를 운영해보았다. docker 사용법 Dockerfile 생성 -> 물론 그전에 Visual Studio Code -> extension -> Docker 설치해야함 FROM node:16-alpine # 사용할 베이스 이미지 WORKDIR /app # 이미지 안에서 어디 경로로 어플리케이션을 복사해 올 것인지 # 레이어 시스템 : 순..

java spring gradle server error

https://mchch.tistory.com/164 Driver org.mariadb.jdbc.Driver claims to not accept jdbcUrl 오류 Driver org.mariadb.jdbc.Driver claims to not accept jdbcUrl 에러 자꾸 뜸 근데 뒤에 url 이름이 내가 설정한 maria db url이 아님 내가 사용하는 profile : real application-real-db-properties에 database.. mchch.tistory.com https://dev-yujji.tistory.com/49 Access to DialectResolutionInfo cannot be null when 'hibernate.dialect' not set Sp..

ajax로 DB 데이터 가져와서 화면에 뿌리기 !

https://genesis8.tistory.com/214 DAO / VO / DTO란? 원본 출처 : http://lbass.tistory.com/entry/DAO-%EB%9E%80 http://choijaehyuk.com/128 http://everyit.tistory.com/4 DAO란 Data Access Object의 약어로서 실질적으로 DB에 접근하는 객체를 말한다. DAO의.. genesis8.tistory.com DAO =DTO ? /* 메일 주소록 조회 : mailDAO.selectCompanyGroupUserList */ SELECT AA.USER_NM , AA.EMAIL , ISNULL(AA.GROUP_NM, '-') AS GROUP_NM , AA.MAIL_GRP_IDX , AA.GR..

Javascript +JQuery 메일 [보내는 사람] 전체 목록 삭제하기

https://cofs.tistory.com/270 javascript 중복 submit 방지 / 다중 클릭 방지 / 중복 클릭 방지 javascript 중복 submit 방지 / 다중 클릭 방지 / 중복 클릭 방지 웹 페이지에서 form submit 이벤트나 버튼의 클릭 등 이벤트가 여러번 발생하면 곤란할 때가 있다. 예를 들어 글을 등록할 때 등록버튼 cofs.tistory.com 참고하였습니다. var TodoubleSubmitFlag = 0; function TodoubleSubmitCheck(){ if(TodoubleSubmitFlag == 1 ){ return TodoubleSubmitFlag; } else if(TodoubleSubmitFlag=0) { TodoubleSubmitFlag = ..

아이디어 회의

REACT.JS 웹앱만들기.no1

react.js 환경 설정 -> 물론 node.js 환경이 다 설치 되어 있어야 함 ! npm install -g create-reat-app create-react-app . npm start 이렇게 바로 실행 된다. -> react의 매우 좋은 기능을 보여준다. 동일한 코드가 엄청 많게 되면 이를 정리 정돈해야지 개발자가 쉽게 볼 수 있다. react 는 태그를 만들 수 있다 -> 이름표를 붙이는 것 subject라는 태그를 만들 수 있다. 이렇게 동일한 코드를 를 통해 아주 쉽게 반복적으로 사용 가능하다. 모든 내용들을 다 테그로 만들어서 나열 가능 !! 테그에 속성을 넣을 수 있다. !! 영어 그대로 key 값이 필요하단다 이렇게 작성하면 된다. 고유한 값을 주게 되면 react 가 가져다 쓴다 ..

전자정부프레임워크 프로젝트 환경 설정 !

전자정부 프레임워크에 대해 지식은 없으며 해당 프로젝트 소스를 내 개발 컴퓨터로 옮겨오면서 발생한 문제들을 적어 보았다. 아직 작동은 되나 무슨 원리인지 잘 모르겠다. 정전임이 쓰던 전자정부프레임워크 v3.7 사용 -> 드라이브 c 에 놀렸다 톰켓도 정전임님이 쓰던거 사용 apache-tomcat-7.0.91 서버 실행 해봄 -> 나오는 에러들 확인 1. Exception sending context initialized event to listener instance of class org.springframework.web.context.ContextLoaderListener -https://cheezred.tistory.com/167 3. [Error] The method getTextContent..

window.open 중앙 정렬 및 오른쪽 정렬

https://juyeol.tistory.com/9 window.open 중앙 정렬 및 오른쪽 정렬 안녕하세요 오늘은 window open 중앙정렬 및 오른쪽 정렬에 대해 알아보겠습니다. 일단 window open의 옵션은 - channelmode=yes|no|1|0 : 전체화면으로 창이 열립니다. ( IE에서만 동작) - directories=yes|no|1.. juyeol.tistory.com

-사업 아이디어-

- 당근 마켓 어플이 성공한 이유- -> 중고 사기를 직접 거래를 통해 막을 수 있다는 이유 - 단점- -> 중고거래를 할 수 있는 바운더리(지역) 제한되어 있다. -> 내가 원하는 물건이 해당 지역에 없는 경우 기다려야한다. -방안- -> 중고거래의 범위를 늘리면 된다. -필연적인 문제- -> 중고사기를 당근 마켓 내에서도 존재하며, 어떻게든 방식을 찾는다. -최소한의 해결방안- ->중고거래의 한 방법인 택배 거래에 대한 문제점 --> 프로그램 개발을 통해 해당 문제에 대한 예방 및 방지책이 없을까 ---> 꼭 직거래만이 예방 방법일까 ? : 위 문제를 해결하면 당근 마켓을 뛰어 넘는 플랫폼을 만들 수 있다. : 코로나 이슈 전망 - 여행 가능구역 -코로나 상황 -내전 상황 -비행기 항공권 금액 - 입..

Node.js -web : sanitize-html

C:\>npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for definitive documentation on these fields and exactly what they do. Use `npm install ` afterwards to install a package and save it as a dependency in the package.json file. Press ^C at any time to quit. package name: (nod..

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 설치 경로 확..

Node.js & MySQL : 연동 /MySQL로 홈페이지 구현

-- -- Table structure for table `author` -- CREATE TABLE `author` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(20) NOT NULL, `profile` varchar(200) DEFAULT NULL, PRIMARY KEY (`id`) ); -- -- Dumping data for table `author` -- INSERT INTO `author` VALUES (1,'egoing','developer'); INSERT INTO `author` VALUES (2,'duru','database administrator'); INSERT INTO `author` VALUES (3,'taeho','data..

node.js_web개발

var http = require('http'); var fs = require('fs'); var url = require('url'); // 모듈 (node.js) var qs = require('querystring') function templateHTML(title , list , body, control){ return ` WEB1 ${list} ${control} ${body} `; } function templateList(filelist){ var list = ''; var i = 0; while (i 보낸 데이터 값을 다시 페이지에 리 다이렉 response.writeHead(302,{Location:`/?id=${title}`}); response.end("success"); }) }..

Node.js-.JavaScript-객체-데이터와 처리 방법을 담는 그릇으로서 객체

자바스크립트는 다른 객체 언어와는 양상이 다르다. var v1 = 'v1'; //1000 codes v1 = 'egoing'; var v2 ='v2'; var p = { v1 : 'v1', v2 : 'v2', f1 : function (){ console.log(this.v1); }, f2 : function (){ console.log(this.v2); } } p.f1(); p.f2(); 함수는 값이다. 변수 안에 넣을 수 있다. 함수를 객체화 한 코드이다. //Node.js import -> 크롬의v8엔진을 외부에서도 사용할 수 있게 runtime 프로그램 var http = require('http'); var fs = require('fs'); var url = require('url'); // ..

Node.js-App 제작-입력정보에 대한 보안 (path .parse(path))

../password.js -> 이와 같은 끔찍한 일이 일어난다. 적용!!

nodejs file list in directory - 파일 리스트를 어떻게 노드 js로 가져 오나?

var http = require('http'); var fs = require('fs'); var url = require('url'); // 모듈 (node.js) var app = http.createServer(function(request,response){ var _url = request.url; var queryData = url.parse(_url, true).query; var pathname = url.parse(_url, true).pathname if (pathname == '/') { if (queryData.id== undefined) { fs.readdir('./data', function(error, filelist){ console.log(filelist); }) var ..

node.js NPM (Node.js Package Manager) feat. npm Error: Class extends value undefined is not a constructor or null

https://engineering.linecorp.com/ko/blog/pm2-nodejs/ PM2를 활용한 Node.js 무중단 서비스하기 - LINE ENGINEERING 자바스크립트는 가장 널리 사용되는 클라이언트 측 프로그래밍 언어이자 프론트엔드 웹 개발 언어 중 하나입니다. 그리고 Node.js는 Chrome의 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타 engineering.linecorp.com 싱글 스레드의 문제를 보완해 준다. Node.js 의 버전 충돌에 의해 이와 같은 에러가 발생했다. 처음에는 당황했지만 Node.js 버전은 cmd에서 확인되는걸로 봐서 단순 npm 문제라고 생각했다 . 나의 경우 그냥 단순하게 nodejs를 전부 지웠다. https://programmera..

pm2 - 사용 방법

https://pm2.keymetrics.io/ PM2 - Home Advanced process manager for production Node.js applications. Load balancer, logs facility, startup script, micro service management, at a glance. pm2.keymetrics.io npm install pm2 -g 해당 명령어로 설치를 해준다. 웹페이지가 적절히 잘 운영되고 있다. 내가 임의로 서버 연결을 끊어도 다시 붙여서 웹페이지가 유지 되도록한다. pm2를 멈출 때는 pm2 stop main 해당 명령어로 멈춘다. 아래 명령어는 코드를 변경했을 때 리로드만 하면 웹페이지에 수정 사항이 적용되도록 해준다. pm2 star..

pip : 'pip' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다.

pip : 'pip' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + pip install pygame + ~~~ + CategoryInfo : ObjectNotFound: (pip:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException VS Code studio 에서 terminal 창을 통해 pip 명령어가 작동하지 않는 경우 CMD 관리자로 실행해서 설치 진행

파이썬 셀레니움 이미지 크롤링 (여러 검색어 한 번에 크롤링 추가 코딩)feat. 조코딩

1. 파이썬 가상 환경 세팅 2. Selenium 설치 및 브라우저 세팅 3. 구글 이미지 크롤링 코드 작성 1. 파이썬 가상 환경 세팅 -> ? 파이썬의 다양한 버전이 각각 다르게 요구되는 경우가 있다. 여러개의 파이썬 버전을 다양한게 설치해 놓고 그때 그때 필요한 상황에서 가져와서 사용 venv 를 사용 한다 가상환경이 생성 된다. 터미널 창에서 명령어를 입력하여 -> 가상의 환경으로 들어가 줍니다. C:\Users\leejoonho\Desktop\crawling\selenium\Scripts 해당 루트로 들어가 activate 명령으로 입력하여 활성화 시켜줍니다. 가상 환경이 활성화 되면 (selenium) 이 생깁니다. (selenium) C:\Users\leejoonho\Desktop\crawl..

Node.js 웹 어플리케이션 -> 동적으로 만드는 방법 공부

웹 서버 만드는 코드 입니다. https://www.tutorialsteacher.com/nodejs/create-nodejs-web-server Create Node.js Web Server Node.js Web Server In this section, we will learn how to create a simple Node.js web server and handle HTTP requests. To access web pages of any web application, you need a web server. The web server will handle all the http requests for the web applicatio www.tutorialsteacher.com 이렇게 구글링 ..

Error : Installation did not succeed.The application could not be installed [Android studio] : 해결 방법

잘 공부하고 있던 코드를 다시 불러와서 안드로이드 스튜디오에서 실행을 했더니 에러가 발생했다. 무엇인가 싶었는데 알 수 없는 에러에 설치가 실패한단다. 우짜스까.... 난또 내가 컴퓨터 정리하다가 패키지나 관련 파일을 지웠나 싶어서 복구하고 있었는데 그런게 아니였다. 이래저래 검색을 했는데 다행이 있었다. https://devshin93.tistory.com/38 [안드로이드 - 에러] Installation did not succeed.The application could not be installed Installation did not succeed. The application could not be installed. Installation failed due to: '-26' 애뮬레이터를 돌..

모바일 어플 만들어 부자 되기 프로젝트 2 : 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)-> 클릭 이벤트 !

drawable 파일에 준비된 사진을 drag and drop 을 하고 해당 이미지를 불러 오는 ImageView 태그를 사용하여 res와 연결해준다 . 기존 태그를 사용해줘도 되지만 강의에서는 LinearLayout 태그로 바꿔주고 사용하였다. 그러면 미리 준비해줬던 bts 맴버 사진이 이렇게 올라온다. 그럼 여기서 사용하는 LinearLayout 태그란 무엇이냐 ? 알아서 빈 공간을 착착착 채워주는 Layout이다. 그래서 그냥 버튼을 생성하면 옆으로 순차적으로 적절한 공간에 생성해 준다. 첫 좌표 기준으로 생성되는 버튼 등등 동일한 위치에 생성이 된다. 그래서 사용자기 위치를 직접 지정해줘야 한다. 레이아웃을 이렇게 두줄을 만들기 위해서 한 줄에 세개씩 이렇게 코딩을 해도 이렇게 바뀌는게 없다 코드..

- Eclipse 자주 쓰는 단축키 -

- Eclipse 자주 쓰는 단축키 - ----- 실행 ----- Ctrl + F11 : 바로 전에 실행했던 클래스 실행 ----- 소스 네비게이션 ----- Ctrl + 마우스커서(혹은 F3) : 클래스나 메소드 혹은 멤버를 상세하게 검색하고자 할때 Alt + Left, Alt + Right : 이후, 이전 Ctrl + O : 해당 소스의 메소드 리스트를 확인하려 할때 F4 : 클래스명을 선택하고 누르면 해당 클래스의 Hierarchy 를 볼 수 있다. ----- 문자열 찾기 ----- Ctrl + K : 찾고자 하는 문자열을 블럭으로 설정한 후 키를 누른다. Ctrl + Shift + K : 역으로 찾고자 하는 문자열을 찾아감. Ctrl + J : 입력하면서 찾을 수 있음. Ctrl + Shift +..

Java-Spring : HOW TO USE BASICS

스프링 부트가 톰캣을 내장하고 있다 서버 붙었다는 뜻 웹페이지 잘 뜬다 -> 에러라고 뜨지만 이건 단순히 html 에 아무것도 안 올려서 그런거다 라이브러리 살펴보기 엄청 많은 기본 라이브러리를 당겨 와서 웹페이지를 만든다 요즘은 라이브러리 간에 의존관계를 다 관리해준다. 인텔리제이 IDE에서 저 버튼이 중요하다 !! -> 활용 잘하면 편함 ! 임베디드 라이브러리 실행만해도 웹서버가 뜨고 모든 라이브러리가 다운 받아진다. 시대가 많이 바뀌었단다 꼰머........ View 환경 설정 thymeleaf 템플릿 엔진 thymeleaf 공식 사이트: https://www.thymeleaf.org/ 스프링 공식 튜토리얼: https://spring.io/guides/gs/serving-web-content/ 스..

모바일 어플 만들어 부자 되기 프로젝트 1 : 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)

https://www.inflearn.com/course/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%BD%94%ED%8B%80%EB%A6%B0-%EB%AA%A8%EB%B0%94%EC%9D%BC%EC%95%B1/lecture/79868?tab=curriculum [왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin) - 인프런 | 학습 페이지 지식을 나누면 반드시 나에게 돌아옵니다. 인프런을 통해 나의 지식에 가치를 부여하세요.... www.inflearn.com 안드로이드 스튜디어 설치 방법 다운로드 설치 https://recipes4dev.tistory.com/53 안드로이드 스튜디오 설치하기. (Installing Andro..

2021-09-11 경성대학교 세미나

t-SNE https://ratsgo.github.io/machine%20learning/2017/04/28/tSNE/ t-SNE · ratsgo's blog 이번 글에서는 데이터 차원축소(dimesionality reduction)와 시각화(visualization) 방법론으로 널리 쓰이는 t-SNE(Stochastic Neighbor Embedding)에 대해 살펴보도록 하겠습니다. 단어 벡터와 같이 고차원 데이터를 ratsgo.github.io https://hongl.tistory.com/139 Dimension Reduction - t-SNE (1) t-SNE (t-distributed Stochastic Neighbor Embedding) 는 2008년에 Laurens van der Maate..

2021-10-02 경성대학교 세미나

https://wingnim.tistory.com/53 t-SNE(t-distributed stochastic neighbor embedding) 설명 t SNE는 High Dimension Data (고 차원의 데이터) 를 Low Dimension Data (저 차원의 데이터) 로 거리 관계를 유지하며 임베딩 시키는 알고리즘이다. 임베딩(Embedding) 고차원을 저차원으로 임베딩한다는 것에 wingnim.tistory.com https://lovit.github.io/nlp/representation/2018/09/28/tsne/ t-Stochastic Neighbor Embedding (t-SNE) 와 perplexity t-Stochastic Nearest Neighbor (t-SNE) 는 ve..

[책]혼자 공부하는 머신러닝 / 딥러닝 _정말 혼자 공부하는 AI_구글 코랩 사용법

노트북 코랩은 구글이 대화식 프로그램이 환경이 주피터를 커스터마이징한 것 입니다. 파이썬 지원으로 시작한 주피터 프로젝트는 최근에는 다른 언어도 지원합니다. 주피터 프로젝트의 대표 제품이 바로 노트북입니다. 코랩 노트북은 구글 크라우드의 가성 서버를 사용합니다. 화면 오른쪽 산단에 있는 RAM ,디스크 아이콘에 마우스를 올리면 상세 정보를 알 수 있습니다. 코드를 실행하기 전이나 연결이 끊어진 상태에서는 아이콘 대신에 연결 버튼이 활성화 됩니다. 이 노트북은 구글 클라우드의 컴퓨터 엔진에 연결되어 있습니다. 이서버의 메모리는 약 12기가이고 디스크 공간은 100기가입니다. 개인 컴퓨터의 사양에 구애 받지 않고 머신러닝/ 딥러닝을 진행할 수 있습니다. 코드 셀을 실행 시킬려면 Ctrl + Enter를 누르..

blender : python (블랜더 파이썬으로 코딩하여 플러그인 개발하기) no.2

[블렌더/파이썬] 나만의 기능을 만들자 - 오퍼레이터 기본 심플 스크립트를 수정하는 것을 통해 나만의 기능을 만들 수 있다 . import bpy def main(context): context.object.location.x += 1 class MyOperator(bpy.types.Operator): """Tooltip""" bl_idname = "test.my_operator" bl_label = "My Test Operator" @classmethod def poll(cls, context): return context.active_object is not None def execute(self, context): main(context) return {'FINISHED'} def register(..

KISA 프로젝트 개발 : 값 그래프 GUI -> 한글 파일

https://ghostweb.tistory.com/956 [WPF] Window 창을 추가하고 새 창을 여는 방법 (모달/모달리스, Show(), ShowDialog(), how to add window) 이번에는 WPF에서 Window 창을 추가하고 새 창을 여는 방법에 대해서 알아보도록 할게요. 1. 창 추가하기 우선 프로젝트의 솔루션 탐색기에서 프로젝트를 선택하고 마우스 오른쪽 버튼을 클릭하세 ghostweb.tistory.com 팝업 창 띄우기 https://wpfstory.tistory.com/16 WPF - Chart 구현하기 WPF에서 MSChart를 Window Form Host로 구현을 하기도 했었습니다. Window Form을 WPF에 붙이다보니 여러모로 좋지 않더군요. WPF 기반의..

블랜더 Blender 영상 합성 방법 (How to make a compositing video in Blender)

Blender Tool을 사용하여 영상에 연기 합성하는 방법 영상 합성 방법은 해당 유투브를 참고하여 제작하였습니다. https://www.youtube.com/watch?v=43RpGoA-KNU 영상 합성하는 건 생각보다 쉽습니다. 블렌더에서 제공하는 노드라는 개념의 기술을 사용하여 손쉽게 눈으로 확인하면서 합성이 가능합니다. 하지만 워낙 다양한 방법과 기술이 들어가 있어 여기서는 위 유투브 영상에서 나오는 부분의 일부분만 소개하고자 합니다. 블랜더 프로그램을 실행했을 때 나오는 기본 화면에서 Compositing 을 눌러서 합성 화면으로 넘어 갑니다. 화면 전환 후 라디오 박스를 클릭하면 2개의 노드 박스가 생성됩니다. 여기서 우리는 렌더 레이어가 필요 없기에 연결된 선을 제거하고 삭제해 줍니다. 연..

간단하고 빠른 웹 개발 feat. 우리 집 강아지도 할 수 있다. /netlify

https://www.youtube.com/watch?v=LnGgndT308Q 공짜 템플렛을 찾아 봅니다. 마음에 드는 팜플렛을 찾으면 다운로드를 하고 압축파일을 풀어 index.html 파일을 확인해 줍니다. html 파일을 더블클릭해서 열어주면 해당 웹 화면을 확인할 수 있습니다. html 수정을 위해서 사용하고 계신 편집기로 html 파일을 열도록 합니다. 요기 문구를 바꿔 보도록 하겠습니다. -> Ctrl + F 만국 공통 단축키를 사용하여 동일한 문구를 찾아 줍니다. 위 문구랑 동일한 문장이 적힌 영역을 찾을 수 있습니다. 해당 내용을 바꿔 줍니다. 이렇게 동일하게 변경됩니다. 이 사이트를 업로드 해 보겠습니다. 해당 사이트는 쉽게 말해 공유 서버 역할을 하는 AWS / 네이버 클라우드와 동일한..

blender : python (블랜더 파이썬으로 코딩하여 플러그인 개발하기) no.1

https://www.youtube.com/watch?v=bHHJ8OUc5Gg&list=PLMMbr17RbOxVWRRvIuGTQMq6mJEvM6Oez&index=2 코딩을 통해 블랜더를 조정하는 방법은 두가지가 있다 위 tool kit에 있는 scripting 화면에서 스크립팅을 통해 진행하거나 아니면 파이썬 콘솔화면에서 진행 할 수 있다. https://docs.blender.org/api/blender2.8/bpy.types.BlendData.html#bpy.types.BlendData 블랜더 기능들을 사용하기 위해서는 종속된 클래스에 대해서 알아야 한다. 해당 내용은 위 링크로 들어가서 찾아 볼 수 있다. 해당 클래스를 호출해 보면 3가지 객체에 대한 리스트 정보를 얻을 수 있습니다. 블랜더 영상에..

Java (Spring boot): Tomcat 에러 [The following method did not exist: org.apache.tomcat.util.modeler.Registry.disableRegistry()]

자바 스프링 부트 공부를 하는데 시작 부터 막힌다 계속 에러가 발생하는데 이놈의 자바 에러는 콘솔창에 너무 장황하게 써 놔서 에당초 보기도 싫게 만든다. 부트를 실행했을 때 나오는 에러다. . ____ _ __ _ _ /\\ / ___'_ __ _ _(_)_ __ __ _ \ \ \ \ ( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \ \\/ ___)| |_)| | | | | || (_| | ) ) ) ) ' |____| .__|_| |_|_| |_\__, | / / / / =========|_|==============|___/=/_/_/_/ :: Spring Boot :: (v2.4.5) 2021-04-20 22:47:29.229 INFO 16316 --- [ main] co..

블랜더 Blender 가상 3D 불 + 연기 만들기

Blender Tool을 사용하여 연기 제작 방법 https://pepepien.tistory.com/312 블렌더 #K 단축키 모음 블렌더를 하면서 유용한 단축키들을 모아봤습니다. 공부하면서 메모했던 것을 다시 다듬었지만.. 아직 블린이라서 잘못된 부분이 있을 수 있습니다. 추가할 점이 있다면 언제든지 댓글 부탁드 pepepien.tistory.com 시스템 요구 사항 지원 플랫폼 : 윈도우 XP이상, 맥 OSX 10.6이상 그리고 리눅스 CPU : 32Bit 듀얼 코어 2GHz 이상 RAM : 2GB 이상 그래픽 카드 : CUDA, OpenGL를 지원하는 그래픽 카드 / 256MB이상 최소 권장 최적 CPU 32Bit듀얼코어 2GHz 64Bit 쿼드코어 64Bit 옥타코어 RAM 2GB 8GB 16G..

Java (Spring) : maven project 생성

일단 메이븐 프로젝트를 생성합니다. 당근 기존 자바 프로젝트와 동일하게 메인 클래스와 사용할 클래스를 생성합니다. Maven 이란 ? [코딩 -> 컴파일 -> 빌드 ]의 과정으로 진행 된다. 스프링에서 빌드하는 툴로 Maven을 사용한다. 여기서 중요한 xml 파일 ! 경로 밑에 만들어 줘야 된다. 빈이라는 테그가 존재하는데 이것이 바로 컨테이너 안에서 존재하는 객체 bean이다. 메모리를 할당한다. atoz-develop.tistory.com/entry/Spring-%EC%8A%A4%ED%94%84%EB%A7%81-XML-%EC%84%A4%EC%A0%95-%ED%8C%8C%EC%9D%BC-%EC%9E%91%EC%84%B1-%EB%B0%A9%EB%B2%95-%EC%A0%95%EB%A6%AC 기존 자바는 ..

Java (Spring) : 빈의 범위 (bean)

빈의 범위 (bean) 싱글톤 : 스프링 컨테이너에서 생성된 빈 객체의 경우 동일한 타입에 대해서는 기본적으로 한 개만 생성이 되며, getBean() 메소드로 호출될때 동일한 객체가 반환된다. 프로토타입 : 싱글톤 범위와 반대의 개념도 있는데 이를 프로토타입 범위라고 한다. 프로토타입의 경우 개발자는 별도의 설정을 해줘야하는데, 스프링 설정 파일에서 빈 객체을 정희할 때 scope정의를 명시해주면 된다. 폴트 값으로 빈은 항상 싱글톤 기능을 가진다. 컨테이너에 한번 생성해둔 객체를 계속 호출해서 쓰는 방식이다. 하지만 프로젝트가 커지다 보면 별도의 메모리를 점유하는 객체를 만들어야한다. 결과가 같은 객체를 호출하고 있음을 보여주고 생성자는 한번만 생성된다. ! 이렇게 생성자는 2번 생성되고 객체는 다른..

Java (Spring) : 의존 객체 자동 주입

의존 객체 자동 주입 스프링 설정 파일에서 의존객체를 주입할 때 또는 테그로 의존 대상 객체를 명시하지 않아도 스프링 컨테이너가 자동으로 필요한 의존대상 객체를 찾아서 의존대상 객체가 필요한 댇체에 주입해 주는 기능이다. 구현 방법은 @Autowired @Resource 어노테이션을 이용해서 쉽게 구현할 수 있다. 짧은 명령어를 통해서 의존 객체를 설정해 줄 수 있다 . @Autowired 주입하려고 하는객체의 타입이 일치하는 객체를 자동으로 주입한다. 객체 타입을 확인한다. 이름은 상관이 없다 . 필요한 객체 타입을 찾는다 , 맞는 객체 타입을 찾으면 자동으로 대려온다. 생성자 에 @Autowired를 사용할 경우 바로 생성자 위에 기재해주면 되지만 메서드나 프로퍼티를 묶기 위해서 @Autowired를..

Java : 네트워크

나만의 업무 웹 /픽슬러(포토샵) / 어파월소프트(워터마크 리무버)/CVAT(데이터 어노테이션) /코너스톤.JS(어노테이션 개발 오픈소스)

www.apowersoft.com/image-watermark-remover Online Image Watermark Remover - Remove Watermark from Images free Online Image Watermark Remover is a free tool to batch remove watermark from image online. It supports various image formats, including JPG, JPEG, PNG and more. www.apowersoft.com tools.cornerstonejs.org/ Introduction · cornerstone-tools Introduction Cornerstone Tools is a JavaScript lib..

Java (Spring) : 스프링 개요 -> IoC 컨테이너에 대하여

프레임 워크란? 개발자들이 개발을 하기위한 업무를 추상적으로 정의해놓은 틀 어떤 작업을 하기위한 아무런 도움없이 개발하는 방법과 어떤 틀이 있어서 해당 틀안에서 작업을 하는 것 작업에 대한 효율 자동차 -> 서울 -> 거제도 네비게이션이 없으면 직접 찾아야한다. 스프링 프레임 워크 추상적인 틀을 가지고 구현 모듈 spring-core : 스프링 핵심인 DI와 IoC를 제공 spring-aop spring -jdbc spring -tx spring-webmvc 스프링 프레임워크에서 제공하고 있는 모듈을 사용할려면 모듈에 대한 의존설정을 개발 프로젝트에 XML파일 들을 이용해 개발자가 직접하면 된다. 스프링 컨테이너 ! 스프링에서 객체를 생성하고 조립하는 컨테이너로 컨테이너를 통해 생성된 객체를 빈(BEAN..

2021/03/24

HTML : 다시 한 번 기초 복습 겸 (태그 공부)

안녕 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 굵은 글씨 기울은 글씨 안녕하세요 저는 스팩 이준호입니다 구글 페이스북 이름 나이 제니 1살 위니 3살 --> 워니 제니 워니 제니 상단 중단 하단 좋아요 구독 댓글 텍스트 체크박스 라디오 색깔 여러문장 드랍다운 워니 제니 로그인

JavaScript : 라이브러리 사용 맛 보기

웹 , 앱 개발을 위해 자바와 자바스크립트를 집중적으로 공부하게 되었다. 웹과는 인연이 닿지 않을 줄 알았는데 너무 기쁘고 앞으로의 여정이 기대 된다. 웹 개발은 해보고 싶었지만 늦은 시작에 경쟁력이 떨어 진다 생각하여 제조업 윈폼 개발에 집중하고자 하였지만 예상처럼 째든 IT에 뛰어드니 접할 기회가 생겼다. 해보니 기초 문법은 C 와 JAVA 의 틀과 비슷하여 거부감이 없으나 역시 라이브러리를 가져오니 잉? 이렇게 된다고? 서울 사람이 부산에서 지내다가 갑자기 토박이 제주도 할머니와 대화하는 느낌이랄까 종잡을 수가 없다. 일단 교제보다는 유투브 강의가 당장에 언어에 익숙해지는데 도움이 된다고 생각하여 공부하고 있다. 오늘은 간단하게 라이브러리를 맛만 보도록 하자 jQuery 사이트에 가면 해당 개발 j..

JavaScript : 함수는 값이다 ? 잉?

C# 기반의 개발 및 공부만 해온 나에게는 너무 신선한 충격이다. 강의를 들으면서도 계속 이게 된다고? 생각하면서 코드를 쳐 놓고도 들여다 보기를 반복하고 있다. 그리고 이 부분이 자바스크립트 언어 만의 강력한 장점이 될 수 있겠다는 생각이 들었다, 함수를 객체화 할 수 있는건 다른 언어에서도 가능하지만 변수 안에 넣을 수 있는 값으로 인식을 하니 활용 범위가 무궁무진해진 느낌이다. 그냥 간단한 예제 위주로 작성해 보았다, 이렇게 선언한 변수 안에 바로 익명 함수를 작성할 수 있다. 자바스크립트에서는 다른언어에서는 딕션너리라고 명칭하는 문법을 객체라고 하던데 함수가 값으로서 기능을 하다 보니 이미지와 같이 키값 안에 함수를 바로 작성할 수 있다. 만든 함수의 인자로 함수를 받을 수도 있고 함수 안에 변수..

JavaScript : 자바스크립트의 관대함 (this, argument)

C 언어와는 다르게 매개 변수를 함수에 넣어 줄 때 꼭 정확하게 개수를 맞출 필요가 없다. 약속어 처럼 사용 하는 arguments는 알아서 배열 기능도 가지고 있어 원하는 인자를 넣어 주기만 하면 알아서 배열도 되었다가 단일변수도 되었다가 마법을 부린다. C 언어에서 말하는 객체와 속성 함수 메서드의 개념도 쫌 차이가 있다. 속성에 함수가 들어 있다면 그걸 메소드라고 부른다. 함수가 가지는 메서드에는 APPLY , CALL 등을 가지는 데 APPLY를 사용해 보았다 . APPLY이는 이렇게 사용하는데 SUM(1,2) = SUM(NULL,[1,2]) 같은 값이 나온다. 그러면 왜 쓰는 걸까 ? THIS라는 예약어와 연관이 있다. NULL이였던 자리에 사용하고자하는 객체 변수를 넣어주면 var this =..

JavaScript : 자바스크립트 생성자의 자유도, 상속에 대하여

객체지향 프로그래밍 언어 var person = { }; 중괄호로 선언한 변수를 자바스크립트에서는 객채라고 부른다. person.name 은 객체 안에 들어 있는 name이라는 변수로 속성(프로퍼티)라고 칭한다. person.introduce 는 객체 안에 들어 있는 함수로 메서드라고 부른다. 기존 c언어와는 명칭이 유사하지만 차이가 있는거 같다. 자바와 c#의 경우 생성자는 클래스에 종속되어 있다. 하지만 자바스크립트에서 생성자는 하나의 함수일 뿐이다. 종속되지 않는다. 우선 클래스라는 개념이 자바스크립트에 없다. 그래서 함수를 만들고 함수를 호출하기 위해서는 생성자를 선언하면 된다. 생성자에서 this 예약어는 어떤 존재인가. 이 코드를 보면 this가 어디를 가리키는지 확인할 수 있다. 일반적인 객..

CVAT 오픈소스 구축 방법 : Docker 세팅, Git

openvinotoolkit/cvat Powerful and efficient Computer Vision Annotation Tool (CVAT) - openvinotoolkit/cvat github.com goddaehee.tistory.com/251 [Docker (1)] window10 Docker 설치하기(윈도우 10 도커 설치) [Docker (1)] window10 Docker 설치하기(윈도우 10 도커 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Window10 도커 설치 ] 입니다. : ) 도커 설치하기 1. 도커란? 도커 설치와 관련된 포스팅 이기. goddaehee.tistory.com 윈도우 상에서 도커 설치하는데는 이블로그의 도움을 많이 받았다. 도커를 설치했다고 바로..

Docker에 대하여

예시) 프로듀싱하는 사람이 이사람은 마다 계약건 마다 현장을 옮겨서 복잡한 장비들을 조립하고 설치하는 일에 힘들어하고 있었음 어떤 사람 : 당신의 복잡한 장비들을 손쉽게 설치한 모양 그대로 들고 다니면서 내가 그때 그때 설치해주겠소 도커 허브라는 곳에 업로드 해 놓아서 인터넷 연결된 곳이면 어디에서든 바로 복제가 가능하다. 장비들을 설치할 때 다른 장비들과 간섭이 날 수 있는데 이를 예방 할 수 있게 컨테이너라는 개념이 존재한다. 컨테이너로 장비를 감싸 버전이 다른 장비들과 문제가 발생하지 않도록 보호해준다. 노트북을 사서 학교 프리젠테이션만 할라고 해도 이것 저것 프로그램을 설치해야한다. 서버 돌리는건 더 어렵다 여러가지 버전 신경써서 설치해야 하며 조금만 문제가 있어도 서버 전체에 문제가 생긴다. 서..

PYTHON : 다양한 출력 포멧 / 파일 입출력/PICKLE/WITH/QUIZ

다양한 출력 포멧 # 빈자리는 빈공간으로 두고 오른쪽 정렬을 하되 , 총 10자리 공간을 확보 print("{0: >10}".format(500)) # 양수일 때 + 로 표시 , 음수일 땐 - 으로 표시 print("{0: >+10}".format(500)) print("{0: >-10}".format(-500)) print("{0: >+10}".format(-500)) # 왼쪽 정렬하고 빈간으로 _로 채움 print("{0:_

데이터 어노테이션(Data Annotation) :데이터 라벨링

메타데이터 : 데이터에 관한 구조화된 데이터로, 다른 데이터를 설명해 주는 데이터이다. 대량의 정보 가운데에서 찾고 있는 정보를 효율적으로 찾아내서 이용하기 위해 일정한 규칙에 따라 콘텐츠에 대하여 부여되는 데이터이다. 어떤 데이터 즉 구조화된 정보를 분석, 분류하고 부가적 정보를 추가하기 위해 그 데이터 뒤에 함께 따라가는 정보를 말한다. 데이터 셋 : 데이터의 집합 . 동일한 정보를 가징 데이터의 덩어리 6가지 바운딩박스 : 영상 또는 이미지 가장 자리에 딱 맞춰 박스를 그리는 기법 : 자율 주행 차량 개발에 사용 빠르고 간단하게 객체를 구분할 수 있지만 또 해당 박스 안에 원치 않은 객체의 픽셀이 들어 갈 수 있다는 단점이 존재 폴리곤 : 이동하는 객체 등 규칙적이지 않은 객체를 정밀하게 구분할 수..

블록체인 기반 의료 영상 ,이미지 처리 개발 기본 자료

의학 영상 검사를 분석하기 위한 딥러닝 기반의 인공지능 알고리즘을 구축하고 이를 실제 의학 검사의 분석에 적용하여 알고리즘의 정확도를 확인하고자 하며 , 최종적으로 영상 데이터 셋 구축을 통하여 진단을 지원하는 솔루션 개발을 지향하여 보다 효율적인 진단이 가능하게 할 수 있다. 연구대상 : 뇌 질환 환자 환자 선별 당 연구는 2가지 방법에 의한 환자의 선별로 수행할 것이며, 그 분류는 환자의 동의를 받은 영상과 오직 영상 분석만을 목적으로 환자의 정보를 배제한 영상으로 나뉜다. 전향적 연구 방법 : 환자 동의서 작성 환자에게 연구의 취지와 목적을 춘부하게 설명하고 그에 부합하는 개인 정보 활용에 대한 동의를 득한 후 영상에 대한 연구를 진행한다. 후향적 연구 방법 : 환자 정보 삭제 뇌질환 분석을 위한 ..

PDA 프로그램 업그래이드 (PDA 접수 번호 스캔 시 해당 되는 Row 그리드 최상단으로 올리는 코딩)

선과 작업 리스트를 확인할 수 있는 데이터 그리드 뷰를 윈폼에 띄웠다. 해당 농가의 접수 번호가 포함된 QR코드를 PDA를 통해 스캐닝하여 ERP 시스템 상에서도 작업 시작 예정인 농가가 그리드 최상단에 위치 할 수 있도록 프로그램을 개발 하였다. 이와 같은 프로그래밍을 통해 업 다운 버튼의 필요성을 없에 UI이를 더욱 깔끔하게 개선할 수 있다. UI는 데모 버전으로 만든거라 못생겨도 이해 부탁드립니다. 중점을 둔 것은 바코드 리딩을 하면 해당 접수 번호를 가진 농가의 데이터로우가 최상단에 올라 올 수 있게 만들었다 . 예외 사항들을 조건문을 통해 리턴해주고 바코드 스캐닝을 통해 읽어들인 작업 번호와 현재 그리드에서 최상단에 위치한 작업 번호를 스트링 변수에 담아 준다. 담은 두 작업 번호를 비교하여 동..

그리드 데이터 변경 및 입력시 즉시 DB 반영 코딩

클릭 이벤트로 버튼을 만들어서 진행 그리드 데이터 소스를 -> 데이터 테이블에 올리고 라인 데이터 테이블 [번호] 컬럼의 모든 정보를 배열로 추출하여 lnoArray에 넣어줬다. (LINQ를 사용하였다 :한줄의 짜릿함이란) 데이터테이블이 NULL이 아니라면 해당 테이블이 가진 로우의 갯수 만큼 cmd.commandText를 실행하면 된다.

프로그래머스 level 1 코딩테스트(두 개 뽑아서 더하기)

두 개 뽑아서 더하기 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요. 제한사항 numbers의 길이는 2 이상 100 이하입니다. numbers의 모든 수는 0 이상 100 이하입니다. 입출력 예 numbersresult [2,1,3,4,1] [2,3,4,5,6,7] [5,0,2,7] [2,5,7,9,12] 입출력 예 설명 입출력 예 #1 2 = 1 + 1 입니다. (1이 numbers에 두 개 있습니다.) 3 = 2 + 1 입니다. 4 = 1 + 3 입니다. 5 = 1 + 4 = 2 + 3 입니다. 6 = 2 + 4 입니다. 7 = 3 ..

PYTHON : 표준 체중을 구하는 프로그램을 작성하시오

QUIZ) 표준 체중을 구하는 프로그램을 작성하시오 * 표준체중 : 각 개인의 키에 적당한 체중 (성별에 따른 공식) 남자 : 키(M) X 키(M) X 22 여자 : 키(M) X 키(M) X 21 조건1 : 표준 체중은 별도의 함수 내에서 계산 * 함수명 : std_weight * 전달값 : 키(height), 성별(gender) 조건2 : 표준 체중은 소수점 둘째자리까지 표시 (출력예제) 키 175cm 남자의 표준체중은 67.38kg 입니다. gender = ["남자","여자"] def std_weight(height ,gender): for g in gender: if g == "남자": std_weightM =round((height*height*22/10000),2) print("키{0}cm {1..

MSSQL - 저장프로시저 /트리거 생성

--저장프로시저 --매번 회원 테이블 당탕이의 정보와 제품 테이블의 냉장고 정보를 동시에 조회한독 가정하자. SELECT * FROM memberTbl WHERE memberName ='당탕이' SELECT * FROM productTbl WHERE productName ='냉장고' --저장프로시저 CREATE PROCEDURE myProc AS SELECT * FROM memberTbl WHERE memberName='당탕이' SELECT * FROM productTbl WHERE productName ='냉장고' GO --저장프로시저 실행 EXECUTE myProc --저장프로시저 삭제 DROP PROCEDURE myProc --트리거 : 트리거는 테이블에 부착되어 테이블에 INSERT나 UPDATE..

데이터그리드뷰 열 값 없는 경우 경고 메세지 창 띄우기 (DataTable이 Null일 경우)

그리드 상에 올라온 데이터베이스가 없음에도 프로그램 시작 버튼을 누르면 생기는 예외 에러메세지 이다. 간단하게 if 문으로 조건을 걸어 알림 메세지 박스를 띄워 주면 된다. DataTable dt = this.Grid_List.DataSource as DataTable; int checkDBcnt = dt.Rows.Count; if (checkDBcnt ==0) { MessageBox.Show("등록된 선과 작업이 없습니다. 선과 지시를 등록하세요","알람!",MessageBoxButtons.OK,MessageBoxIcon.Information); this.Grid_List.Refresh(); return; }

C# Winform 개발(자동 전산 파일 삭제 프로그램 )

1. 매일 생성되는 엑셀 파일을 주기적으로 삭제할 수 있는 프로그램이 필요하다. 2. 삭제는 작업이 이루어 지지 않는 새벽 시간에 삭제가 되어야한다.(윈도우 스케줄러 사용) 3. 사용자가 UI를 확인했을 때 삭제된 사실을 확인 할 수 있어야 한다. 4. 현재 날짜 기준으로 하루 전 원하는 루트 안에 생성된 파일를 삭제한다. 5. 작업자 및 현장 인원이 임의로 프로그램을 작동하는 일이 없어야 한다. UI는 직관적일 수 있도록 최대한 간단하게 만들었다. 타이머 Tick 이벤트를 사용하였다. 우선 지울 파일의 루트를 선언하였고 DateTime 을 사용하여 현재 날짜를 담을 변수를 선언하였다. 해당 변수를 담을 deleteOldfiles(deleteOldfiles(excelFolderPath, nowTime);..

PYTHON: 파이썬 간단 문법으로 문제 풀기 (for문 /if문)

당신은 cocoa 서비스를 이용하는 택시 기사입니다. 50명의 승객과 매칭 기회가 있을 떄 총 탑승 승객 수를 구하는 프로그램을 작성하시오. 조건1 : 승객별 운행 소요 시간은 5분 ~ 50분 사이의 난수로 정해집니다. 조건2 : 당신은 소요 시간 5분 ~ 15분 사이의 승객만 매칭해야 합니다. from random import * cnt =0 for i in range(1,51): time =randrange(5,51) if 5

PYTHON: 파이썬으로 중복되지 않는 Random수 뽑아 내기!

randint 함수는 1~100까지 정수를 랜덤으로 가져 온다. 일단 랜덤 수를 담을 배열 변수를 만든다. for 문을 사용 하여 10 번의 랜덤 수를 만들어 배열에 append 함수를 사용하여 담는다. range(10)은 for문의 반복 횟수를 의미한다. 이제 여기 서 중요한, 중복되는 수를 걸러내기 위하여 while 반복문을 사용한다, while a in alist : 의 뜻은 alist 배열 안에 a 변수가 있는지 확인 -> 참이라면 다시 randint(1,100) 함수가 작동된다. 그 후 append 함수를 사용하여 리스트에 추가 !