티스토리

ucong97
검색하기

블로그 홈

ucong97

ucong-9796.tistory.com/m

ucong 님의 블로그입니다.

구독자
1
방명록 방문하기

주요 글 목록

  • [JavaScript] 기본 연산자(산술연산자, 증감연산자, 대입연산자, 비교연산자) 1. 산술연산자 연산자 이름 목적 예시 값 + 더하기 두개의 숫자를 더한다 4 + 5 9 - 빼기 왼쪽에 있는 수를 오른쪽 수로 뺀다 21 - 17 4 * 곱하기 두 개의 숫자를 곱한다 2 * 8 16 / 나누기 왼쪽의 숫자를 오른쪽 숫자로 나눠서 '몫'을 구한다 10 / 3 3.333 % 나머지 왼쪽의 숫자를 오른쪽 숫자로 나눠서 '나머지'를 구한다 8 % 3 2 ** 지수 왼쪽의 숫자를 오른쪽 숫자만큼 제곱한다 5**2 25 2. 증감연산자 연산자 이름 목적 예시 값 ++ 증가 연산자 변수값에 1을 더한다 count++ count + 1 -- 증감 연산자 변수값에 1을 뺀다 count-- count - 1 ※ 후위 연산자 VS 전위 연산자 후위 연산자 전위 연산자 설명 연산자가 변수의 뒤에 위치 변수.. 공감수 1 댓글수 0 2023. 4. 3.
  • [JavaScript] 삼항연산자 삼항연산자란? - 세개의 피연산자를 받는 유일한 연산자 - if ... else 문의 대체재로 사용된다 구문 표현 조건문 ? 참일 경우 실행할 표현식 : 거짓일 경우 실행할 표현식 예제 - 삼항 연산자 사용 function example(name){ return name === 'ucong' ? 'yes' : 'no'; } console.log('ucong'); // output: 'yes' console.log('babo'); // output: 'no' console.log(null); // output: 'no' - 다중 삼항 연산 function example(num){ return num > 0 ? 'num은 숫자 0보다 큽니다' : num < 0 ? 'num은 숫자 0보다 작습니다' : 'nu.. 공감수 0 댓글수 0 2023. 4. 3.
  • [VSCode] ESLint, Prettier 설치 및 파일 저장시 자동 적용 세팅 ESLint - 자바스크립트 코드에서 발견되는 문제시되는 패턴을 식별하기 위한 정적 코드 분석 도구 1. Extentions에서 ESLint를 검색해 install을 해준다. 2. 설정에서 editor code로 검색후, Code Actions On Save에 위치한 Edit in settings.json 을 클릭해 파일을 연다. 3. settings.json 파일이 열리면 아래와 같이 editor.codeActionsOnSave 안에 코드를 입력해 저장해준다. "source.fixAll.eslint": true Prettier - 코드 포맷터로 개발자가 작성한 코드를 정해진 코딩 스타일에 따르도록 변환해주는 도구 1. Extentions에서 Prettier를 검색해 install을 해준다. 2. 설정.. 공감수 0 댓글수 0 2023. 3. 28.
  • [VSCode] VS Code로 JavaScript 개발 환경 구축/실행 1. VS Code 설치 - Visual Studio Code 사이트에서 자신의 OS에 맞게 다운로드 받는다. (https://code.visualstudio.com/) 2. Node.js 설치 - 자바스크립트 파일을 실행시키기 위해서는 node.js 가 필요하다. - Node.js 사이트에서 자신의 OS 맞게 다운로드 받는다. (https://nodejs.org/ko/download) 3. Code Runner 플러그인 설치 - 자바스크립트를 비롯해 다양한 프로그래밍 언어를 VS Code에서 실행할 수 있게 해준다. - ❶Extentions 메뉴를 누르고, ❷Code Runner를 검색 후 ❸ Install 버튼을 클릭해 플러그인을 설치해 준다. 4. javascript 파일 만들어 실행해보기 - Co.. 공감수 0 댓글수 0 2023. 3. 28.
  • [JavaScript] Math 함수 정리 메소드 설명 Math.min(x,y, ...) 인수로 전달받은 값 중에서 가장 작은 수를 반환. Math.max(x,y, ...) 인수로 전달받은 값 중에서 가장 큰 수를 반환. Math.round(x) x를 소수점 첫 번째 자리에서 반올림하여 그 결과를 반환. Math.floor(x) x와 같거나 작은 수 중에서 가장 큰 정수를 반환. Math.ceil(x) x와 같거나 큰 수 중에서 가장 작은 정수를 반환. Math.round() 0보다 크거나 같고 1보다 작은 랜덤 숫자를 반환. Math.trunc(x) x의 모든 소수 부분을 삭제하고 정수 부분만 반환 Math.floor() VS Math.trunc() >>> Math.floor(-3.14) # 결과 : -4 >>> Math.trunc(-3.14).. 공감수 0 댓글수 0 2023. 1. 5.
  • [SpringBoot 에러] Path with "WEB-INF" or "META-INF" : [WEB-INF/jsp/index.jsp] - Controller에서 View로 리턴했는데 jsp파일을 찾지 못하는 경우 발생하는 오류 - Spring Boot에서 내장된 Tomcat을 사용 하는 경우 JSP를 처리하는 서블릿을 추가하지 않아 발생 - pom.xml에 다음을 추가해주면 해결 org.apache.tomcat.embed tomcat-embed-jasper provided 공감수 0 댓글수 0 2022. 2. 15.
  • Json 파일에서 주석처리 json 파일에서 '/**/' or '//' 로는 주석 처리가 불가능하다 다음과 같이 "_comment" : ". . ." 문장을 추가하여 주석 처리가 가능하다. 공감수 5 댓글수 0 2021. 10. 25.
  • [리눅스] cd(change directory) cd - 경로를 이동할 때 사용하는 명령어 옵션 ~ 현재 있는곳과 ㅅ강관없이 홈디렉토리로 바로 이동 .. 상위 디렉토리로 이동 /dir 절대경로 dir로 이동할 경우 사용 - 이동하기 바로전의 디렉토리로 이동 공감수 0 댓글수 0 2021. 10. 18.
  • [리눅스] ls(list segments) ls - 현재 위치의 파일 목록을 조회하는 명령어 옵션 -l 파일들의 상세정보 나타낸다 -a 숨어있는 파일들도 표시 -t 파일들을 최신순으로 표시 -rt 파일들을 오래된순으로 표시 -F 파일을 표시할 때 마지막에 유형을 나타내는 파일명을 끝에 표시 * 각 옵션들은 합성해서 사용 가능 공감수 0 댓글수 0 2021. 10. 18.
  • [리눅스] ssh 명령어 ssh - 원격 접속 프로토콜을 실행하는 명령어 ssh start ssh stop ssh [옵션] [원격계정]@[원격지ip] exit 공감수 0 댓글수 0 2021. 10. 18.
  • [리눅스] SSH 패스워드 없이 접속 ssh-keygen ssh-copy-id -i ~/.ssh/id_rsa.pub user1@localhost ssh user1@localhost * 첫번째 명령어 실행시 all enter 누르기! 공감수 0 댓글수 0 2021. 10. 18.
  • tomcat catalina.out 로그 한글깨짐 현상 tomcat > bin > catalina.sh 파일에서 JAVA_OPTS="$JAVA_OPTS . . ." 에 -Dfile.encoding=\"utf-8\" 추가하고 저장을 해준다. 공감수 1 댓글수 0 2021. 10. 15.
  • ES6(ECMAS6) 문법 - For/Of 루프 For/Of 루프 - 반복 가능한 개체의 값을 반복 - Arrays, Strings, Maps, NodeLists 등과 같이 반복 가능한 데이터 구조를 반복 for (variable of iterable) { } 배열에 대한 루핑 const fruit = ["apple", "banana", "mango"]; let text = ""; for (let x of fruit) { text += x + " "; } 문자열 반복 let language = "JavaScript"; let text = ""; for(let x of language){ text += x + " "; } * for ... in 과의 차이 - for ... in 같은 경우는 인덱스를 반환 - for ... of, Array.forEach.. 공감수 0 댓글수 0 2021. 8. 31.
  • ES6(ECMAS6) 문법 - 화살표 함수 화살표 함수 - 함수 표현식을 작성하기 위한 짧은 구문을 허용 - function 키워드, return 키워드 및 중괄호 불필요 이전 ES6 hello = fuctnion() { return "Hello World!"; } hello = () => { return "Hello World!"; } - 매개변수가 없는 경우 hello = () => { return "Hello World!" }; - '{} 안에 한줄'일때 ,다음과 같이 중괄호와 return 을 생략가능 hello = () => "Hello World!"; - 매개변수가 있는 경우 hello = (val) => "Hello" + val ; - 매개변수가 '하나만' 있는경우, 다음과같이 () 생략 가능 hello = val => "Hello" .. 공감수 0 댓글수 0 2021. 8. 31.
  • ES6(ECMAS6) 문법 - let과 const let 재선언 불가 let x = "ucong"; let x = 0; // SyntaxError : x 는 이미 선언되었습니다. 블록 범위 제공 - {} 블록 내부에 선언된 변수는 블록 외부에서 액세스 불가능 { let x = "ucong"; } // x 는 이곳(블록 범위 밖)에서 사용 불가능 * var같은 경우는 {} 블록 내부에 선언된 변수도 블록 외부에서 액세스 가능 변수 재선언 - 블록 내부의 변수를 다시 선언해도 외부의 변수는 다시 선언되지 않음 (var의 문제점 개선) let x = 1; // x=1; { let x = 2; // x=2; } // x=1; let 호이스팅 - let이 맨위로 호이스트 되지만 초기화 되지 않음 - let 변수를 선언하기 전에 사용 불가 alert(bananaC.. 공감수 0 댓글수 0 2021. 8. 31.
  • ES6(ECMAS6) 문법 ES6(ECMAS6) 문법이란? - ECMAScript 2015로도 알려져있는 ECMAScript 표준의 오늘날짜 기준으로 가장 최신 버전 - JavaScript의 두 번째 주요 개정판 ES6의 새로운 기능 - let과 const 키워드 - 화살표 함수 - For / Of 루프 - 템플릿 리터럴 - 기본 매개 변수 - 배열 및 객체 비구조화 - 가져오기 및 내보내기 - 프로미스 - 나머지 매개 변수 및 확산 연산자 - 클래스 공감수 0 댓글수 0 2021. 8. 31.
  • git status 워킹 디렉토리의 파일은 크게 Untracked, Tracked의 두가지 상태로 나뉨 - Tracked 상태 : git이 파일의 변경을 감지하여 사용자에게 알려주는 것과 같이 파일을 추적하는 상태 - Untracked 상태 : 파일을 저장소에 저장할 필요가 없어 git이 신경쓰지 않아도 되는 상태 Tracked 상태는 다시 크게 Unmodified, Modified, Staged 3개의 상태로 나뉨 - staged 상태 : add 명령어 사용하여 파일을 add해주면, 해당 파일은 staging area에 저장되어 tracked 상태로 즉 파일을 추적하는 상태가 됨 - Unmodified 상태 : staging에 있는 파일들을 커밋하게 되면 해당 파일들이 하나의 커밋으로 저장될때의 상태 - Modified .. 공감수 0 댓글수 0 2021. 7. 30.
  • merge merge - 각 분기된 커밋을 하나의 커밋으로 다시 합치고 싶을 때 사용하는 명령어 - 기본적으로 merge를 하기 위해 기본이 되는 커밋을 선택하여 해당 커밋으로 checktou git merge 병합원하는브랜치이름 공감수 0 댓글수 0 2021. 7. 29.
  • [GIT] 커밋 메세지 여러줄 입력 git commit message 여러줄 입력 방법 git commit -m "commit message line 1 commit message line2 commit message line3 ... commit message last line" 따옴표를 닫지않고 엔터를 침으로써 여러줄 입력 가능! test1 test2 공감수 5 댓글수 0 2021. 7. 29.
  • 브랜치(branch)란? 브랜치(branch)란? - 작업을 독립적으로 진행하기 위한 개념 - 소프트웨어를 개발하거나 다른 개발자들과 협업 시, 여러 작업을 동시에 진행할 수 있게 하는 기능 - 도전적, 실험적 개발을 할때 본 버전(master)은 유지하고 복사본(branch)을 만들어 개발 가능 - 브랜치는 나중에 삭제 또는 마스터와 병합이 가능 branch 명령어 브랜치 생성 git branch 브랜치 목록 확인 git branch // 현재 등록된 브랜치 목록 확인 git branch -r // 원격저장소의 브랜치 목록 확인 git branch -a // 원격 및 로컬저장소의 모든 브랜치 목록 확인 브랜치 이동 git checkout 브랜치 삭제 git branch -d git branch -D // 정상적으로 merge가.. 공감수 0 댓글수 0 2021. 7. 28.
  • fork와 clone fork ( 다른사람의 원격 저장소를 내 원격 저장소로 가져오는 것 ) - 다른 사람의 github repository에서 내가 어떤 부분을 수정하거나 추가 기능을 넣고 싶을 때 해당 repository를 내 github repository로 그대로 복제하는 기능 - fork한 저장소는 원본 저장소(original repository)와 연결 - 수정하거나 추가한 기능을 넣고 싶으면 PR(Rull Request)를 origin에게 보내고, origin의 관리자가 그것이 맘에 든다면 해당 PR을 받아들여 그 변경사항들이 commit, merge 됨 clone ( 다른사람의 원격 저장소를 내 지역 저장소로 가져오는 것 ) - 특정 repository를 내 local machine에 복사하여 새로운 저장소를 .. 공감수 0 댓글수 0 2021. 7. 28.
  • .gitignore 없이 로컬 환경에서 git 변경사항 무시 .gitignore을 사용하면 commit을 해야된다. commit 없이 로컬 환경에서만 git 변경사항을 무시하기 위한 방법을 찾아보았다. 처음으로 찾은 방법은 아래와 같다. git update-index --skip-worktree 하지만 Unable to mark file 이라는 오류가 떴다. 그래서 찾은 방법! vim .git/info/exclude 명령어를 입력하면 다음과 같이 뜨는데 a를 누르고 안에 변경 무시할 파일이름을 써주고 esc -> :wq! 를 눌러주면 해결! 공감수 0 댓글수 0 2021. 7. 28.
  • STS4 JAVA EE Tool 및 여러 Tools 설치 jsp를 하기 위해서는 JAVA EE Tool을 설치해야 함 1. JAVA EE Tool 설치 - STS4 실행 -> [Help] -> [Install New SoftWere] -> [Add] - name : Spring Tool Suite 4 / location : https://download.springsource.com/release/TOOLS/sts4/update/latest - Web, XML, Java EE and OSGi Enterprise Development 클릭 -> JAVA EE Tool 나는 이것 외로 Eclipse Java Web Developer Tools Eclipse Java Development Tools Eclipse Web Developer Tools Eclipse W.. 공감수 5 댓글수 1 2021. 7. 27.
  • STS4 JST Server Adapters 설치 STS4에서 Tomcat 서버가 안보일 경우 설치 STS4 실행 -> [preference] -> [Server] 검색 -> [runtime environments] -> [Add..] 에서 확인 1. JST Server Adapters 설치방법 - STS4실행 -> [Help] -> [Eclipse Marketplace] 클릭 - 마켓 플레이스 Fine 항목에 Eclipse JST SErver Adapters을 검색 후 Install 공감수 0 댓글수 0 2021. 7. 27.
  • STS4 Emmet 설치 강력한 자동완성 기능으로 HTML, XML, XSL 문서 등의 작성 속도를 크게 향상시켜주는 도구 ex) div*2 1. Emmet 설치 방법 - STS4 실행 후 [Help] -> [Install New SoftWere] 클릭 - Add 클릭 - Name : Emmet / Location : http://emmet.io/eclipse/updates 입력 * jsp에서도 적용하려면 설정을 따로 해줘야함! - [Window] -> [Preferences] 클릭 - Emmet 검색 - jsp와 확장자 jspf 추가입력 후 Apply 공감수 1 댓글수 0 2021. 7. 27.
  • STS4 egit 설치 이클립스에서 제공하는 egit을 사용하여 git 사용가능 1. Egit 설치 - STS4 실행 후 [help] -> [Eclipse Marketplace] 클릭 - 마켓 플레이스 Fine 항목에 Egit을 검색 - Egit install [ 참고 및 egit 사용방법 ] https://gasaesososo.tistory.com/9 공감수 0 댓글수 0 2021. 7. 27.
  • 인덱스란? 인덱스(Index)란? - 데이터 레코드를 빠르게 접근하기 위해 키값, 포인터 쌍으로 구성되는 데이터 구조 - 데이터를 조회할 땐 성능이 빠르지만 삽입이나 변경시에는 성능이 떨어질 수 있다. 공감수 0 댓글수 0 2021. 7. 7.
  • GET VS POST GET과 POST 는 HTTP 메소들 중 하나 GET POST - 서버로부터 정보를 조회하기 위해 설계된 메소드 - 요청을 전송할 때 필요한 데이터를 Body에 담지 않고 쿼리스트링을 통해 전송 - 서버에 동일한 요청을 여러번 전송하더라도 동일한 응답이 돌아와야 하므로 주로 조회할 때 사용 - 리소스를 생성 및 변경하기 위해 설계된 메소드 - 전송해야 될 데이터를 HTTP의 Body에 담아서 전송 - 서버에 동일한 요청을 여러번 전송할 때 응답은 항상 다를 수 있다. 때문에 추가, 수정, 삭제 등에 사용 공감수 0 댓글수 0 2021. 7. 7.
  • 리플렉션이란? 리플렉션이란? - 클래스 타입이 명시되지 않은 인스턴스의 클래스 타입을 유추해내 메서드와 변수에 접근하게 해주는 자바 API - 런타임 시점에서 클래스 타입을 동적으로 바인딩 할 수 있는 기술 공감수 0 댓글수 0 2021. 6. 30.
  • 리팩토링이란? 리팩토링이란? - 외부에서 본 프로그램의 동작은 변하지 않고 프로그램 내부의 구조 개선을 하는 것 - 사용하지 않는 코드나 중복된 코드를 지우고, 코드의 로직을 더 깨끗하고 이해하기 쉽게 하는 것 예시 - 이름 재설정 - 클래스를 더 잘 맞는 패키지로 이동 - 메소드, 슈퍼클래스 추출 장점 - 버그를 찾아내기 쉽게 한다. - 기능을 추가하기 쉽게한다. - 리뷰하는 것이 쉬워진다. [ 참고 ] https://itdar.tistory.com/159 공감수 0 댓글수 0 2021. 6. 29.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.