본문 바로가기

반응형

Web Dev

(109)
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 - ..
JAVA Spring [전자정부프레임워크] 프로젝트 환경 설정 ! 전자정부 프레임워크에 대해 지식은 없으며 해당 프로젝트 소스를 내 개발 컴퓨터로 옮겨오면서 발생한 문제들을 적어 보았다. 아직 작동은 되나 무슨 원리인지 잘 모르겠다. 정전임이 쓰던 전자정부프레임워크 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..
Node.js - Nodemon 사용방법 : 서버 셧다운 필요없는 자동 서버 재실행 in 우분투 나는 우분투 사용자이다 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,..
Javascripte웹 백엔드 학습 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..
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 = "최"..
HTML /CSS 기초 문법 : 선택자 /자식태그/ /*선택자(selector)*/ div#header-center { margin: 0 auto; width: 1080px; } /*자식태크 불러오기 */ div#header-search> h1 { width: 280px; } div#header-search h2 { display: none; } #header-search fieldset{ width: 520px; } /*자손태그 불러오기*/ /*#header-center h1{ }*/ CSS - CASCADING STYLE SHEET 조상태그의 기본CSS가 존재하고 자식 태그에도 자동으로 덮어씌어 진다. 이 기능을 잘 활용해야한다. 네이버를 시작페이지로 네이버 검색창 검색 검색 메일 카페 블로그 지식인 쇼핑 네이버페이 실시간 검색어 연합뉴스 충격) 이준..
Linux Ubuntu 22.04 에 Flutter +Android Studio 설치 및 세팅! Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev https://www.youtube.com/watch?v=e63OlW_2gpQ Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev System requirements To install and run Flutter, your development environment m..

반응형