본문 바로가기

반응형

Web Dev

(109)
Javascript 문법 - 구조분해할당(Destructing) 구조분해할당 = 비구조화할당 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()..
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 ..
React-Native 앱 개발 : 로또 번호 생성하기(React.js로 중복 되지 않는 랜덤 수 뽑아내기) [로또 번호 생성] 일단 expo 앱을 설치해준다. 맥북으로 코딩하였는데 맥북에 react-native 설치하는건 다음 포스팅에.... npx create-expo-app AwesomeProject cd AwesomeProject npx expo start 에디터로 vscode를 실행해준다. 핵심 ! 1에서 45까지의 숫자 중 뽑아내는 6개의 랜덤 값이 중복이 안 되도록 하여 출력해줘야 한다. 이것 저것 찾아 봤는데 내가 개발한 중복 되지 않는 랜덤 값 생성 자바스크립트 코드가 초심자가 보기에 좋을 것 같다 function loadingLotto() { let lotto_num_list = []; let random_num = 0; for (let i = 0; i < 6; i++) { random_num..
Java 17.0.5 버전을 다운로드하려면 다음 단계를 따르십시오. 우분투에서 명령어로 Java 17.0.5 버전을 설치하려면 다음과 같은 단계를 따르십시오. 1. 터미널을 엽니다. 2. 다음 명령어를 실행하여 패키지 목록을 업데이트합니다. sudo apt update 3. 다음 명령어를 실행하여 Java 17.0.5 설치를 위한 PPA(Personal Package Archive)를 추가합니다. sudo add-apt-repository ppa:linuxuprising/java 4. 다음 명령어를 실행하여 패키지 목록을 다시 업데이트합니다. sudo apt update 5. 다음 명령어를 실행하여 Java 17.0.5를 설치합니다. sudo apt install oracle-java17-installer 6. 설치 중에 Oracle JDK 라이선스에 동의해야 합니다. ..
Javascript : table 태그 name ,id 값으로 행과 열 구분하여 checkbox 체크 가능 범위 조절하는 함수 HTML 정책의 이해 설치기술 실무 인증제도의 이해 적용방법 ① 평가항목별 적용방법 ② Javascript //이준호 작성 //체크 박스 중복 체크 방지 코드 function handleCheckboxClick(checkbox) { const checkboxes_names = document.getElementsByName(checkbox.name); const checkboxes = document.querySelectorAll('input[type="checkbox"]'); // 클릭된 항목 담는 배열 변수 const checkedValues = []; checkboxes.forEach(function(checkbox) { // 각 체크박스 요소에 대한 처리 if (checkbox.checked) {..
전자정부프레임 워크 Java BackEnd 파일 업로드 하는 방법 HTML 다음 이전 Javascript // 여기에 -> wr_id 추가해서 보내고 controller에서 받아서 저장 $.ajax({ url: "/ud/write_update_file", type: "POST", processData: false, contentType: false, data: form_data, success: function (response) { console.log(response) alert("교육신청이 완료되었습니다."); window.location = "/ud/index"; }, error: function (errorThrown) { console.log(errorThrown) alert("교육신청이 실패되었습니다." + errorThrown); /* location.r..
react .js 파일에서는 emmet이 왜 적용이 안되나 ? React.js 파일에서 Emmet 기능이 적용되지 않는 이유는 React.js 파일이 일반 HTML 파일과 다른 문법을 가지고 있기 때문입니다. React.js는 JSX라는 문법을 사용하며, 이는 HTML과 JavaScript의 혼합된 형태로 작성됩니다. 따라서 React.js에서 Emmet 기능을 사용하려면 다음과 같이 설정해야합니다. Visual Studio Code에서 Ctrl + ,를 눌러 "User Settings"을 엽니다. "emmet.includeLanguages"를 검색하여 설정 파일에 다음과 같은 코드를 추가합니다. "emmet.includeLanguages": { "javascript": "javascriptreact" }, 위 설정을 추가하면, React.js에서도 Emmet 기능..
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..

반응형