본문 바로가기

전체 글109

[백준] 10171번 / 고양이 / Node.js 문제 아래 예제와 같이 고양이를 출력하시오. 입력 없음. 출력 고양이를 출력한다. 예제 입력 1 없음 예제 출력 1 \ /\ ) ( ') ( / ) \(__)| CODE // 1번 답 // console.log(`\\ /\\`); // console.log(` ) ( ')` ); // console.log(`( / )`); // console.log(` \\(__)|`); // 2번 답 console.log('\\ /\\\n ) ( \')\n( / )\n \\(__)|'); // 3번 답 // console.log('\\ /\\\n', // ') ( \')\n\ // ( / )\n', // '\\(__)|\n'); Comment 위의 코드처럼 console.log를 한 번 OR 네 번 써서 출력할 수 있.. 2021. 4. 19.
[백준] 10718번 / We love kriii / Node.js 문제 ACM-ICPC 인터넷 예선, Regional, 그리고 World Finals까지 이미 2회씩 진출해버린 kriii는 미련을 버리지 못하고 왠지 모르게 올해에도 파주 World Finals 준비 캠프에 참여했다. 대회를 뜰 줄 모르는 지박령 kriii를 위해서 격려의 문구를 출력해주자. 입력 본 문제는 입력이 없다. 출력 두 줄에 걸쳐 "강한친구 대한육군"을 한 줄에 한 번씩 출력한다. 예제 입력 1 없음 예제 출력 1 강한친구 대한육군 강한친구 대한육군 CODE console.log('강한친구 대한육군'); console.log('강한친구 대한육군'); 2021. 4. 19.
[Mac/VSCODE] ESLint, Prettier, Husky, Lint-staged 설정 ESlint linter는 소스코드를 분석해서 문법 에러, 버그를 찾고 보고해주는 도구를 말한다. ESLint는 JavaScript를 위한 정적 검사 Tool이다. 코드를 실행하기 전에 버그를 찾거나, 괄호나 스페이스의 사용방법 등의 스타일을 통일하거나 하는 것에 도움이 된다. 자바스크립트에서 쓸 수 있는 linter는 JS Lint, JS Hint, ESlint 등 이다. 이중 가장 인기가 많은 것이 ESlint 이다. ESlint는 보고만 해주는 것이 아니라, 고쳐주기까지 해서. 규칙을 자신의 상황에 맞게 바꿀 수도 있어 좋다. Prettier Code Formatter로 작성한 코드를 정리해 주는 Tool이다. ESLint가 설정한 룰에 따라 룰에 맞지 않는 코드를 알려주는 Tool이라면, Pret.. 2021. 4. 19.
[백준] 2557번 / Hello World / Node.js 문제 Hello World!를 출력하시오. 입력 없음 출력 Hello World!를 출력하시오. 예제 입력 1 없음 예제 출력 1 Hello World! CODE console.log('Hello World!'); 2021. 4. 18.
[Node.js] Node.js 정리 및 설치 NVM & Node 설치 NVM(Node Version Manager) 맥OS에서 설치 & 사용하기 NVM(Node Version Manager) 맥OS에서 설치 & 사용하기. GitHub Gist: instantly share code, notes, and snippets. gist.github.com Node.js 크롬의 JavaScript 엔진(V8 Engine)으로 빌드 된 JavaScript 런타임. JavaScript는 일반적으로 크롬(Chrome)과 같은 브라우저에 내장되어 있다. 그래서 그 동안 JavaScript는 브라우저에 종속되어 있었다. javaScript를 크롬(Chrome)같은 브라우저에서만 쓰는 것이 아닌 브라우저 밖. 즉, 내 컴퓨터에서 다양한 용도로 확장하기 위해 만들어진 .. 2021. 4. 17.
[CSS] DIV 그림자 주는 법(box-shadow) box-shadow offset-x 그림자의 수평위치(x)를 설정합니다. 요소로부터 떨어진 거리를 나타낸다. offset-y 그림자의 수직위치(y)를 설정합니다. 요소로부터 떨어진 거리를 나타낸다. blur-radius 그림자 테두리에 흐려지는 효과를 부여합니다. 클수록 테두리가 흐려진다. spread-radius 그림자의 크기를 설정합니다. 클수록 그림자의 크기가 커진다. color 그림자의 색상을 설정합니다. chrome 기준으로 기본값은 black. 2개 인자를 전달하는 경우 : offset-x offset-y (color) .phone-screen { background-color: white; height: 600px; width: 300px; margin: 50px; border: 2px rg.. 2021. 4. 16.
[CSS] CSS Hack - div 가운데 정렬 space-between disply : flex - > justify-content : space-between 을 했을 때, 원하는 대로 중심이 딱 맞지 않는 경우가 있다. div 마다 width가 틀리기 때문에 벌어지는 일이다. CSS HACK 1. 부모 div에 justify-content: center; 2. 모든 자식 div에 width:33%; 3. 가운데 자식 div display:flex;, justify-content:center; 4. 오른쪽 자식 div display:flex;, justify-content:flex-end; 2021. 4. 14.
[Spring] AOP 란? AOP Java는 다중 상속이 불가하므로 다양한 모듈에 '상속을 통한 공통 기능 부여는 한계'가 있다. 그리고, 기능 구현 부분에 핵심 기능 코드와 공통 기능 코드가 섞여서 효율성이 떨어진다. 그래서 공통 기능을 분리해 놓고 적용하고자 하는 부분에만 proxy라는 비서를 이용하여 적용하는 것이 AOP 기법이다. 호출부(client) -> Proxy(대행) -> Target(핵심기능) 용어 Aspect 공통기능 Advice Aspect의 기능 자체 Joinpoint Advice를 적용해야 되는 부분 (ex - 필드, 메소드) Before 메소드 실행 전에 advice 실행 After 메소드 실행 후에 advice 실행 Around 메소드 실행 전/후 및 Exception 발생 시 advice 실행 Poin.. 2021. 4. 11.
[MAC/Eclipse] 초기 설치 & 설정 1. JAVA 설치 Java / Mac 맥북 JDK & Eclipse 설치하기 #Mac #맥북 #Eclipse설치하기​#Intellij #인텔리J 사서 쓰면 좋지만무료로 이용하고 싶다면#이클립스 ... blog.naver.com 2. Spring 설치 Eclipse MarketPlace 에서 설치 3. Tomcat 설치 macOS Apache Tomcat 설치, 아파치 톰캣 실행 방법 macOS 서버 구동을 위한 Apache Tomcat 설치 및 실행 방법! 저는 Java 언어를 이용하여 Web 개발 공부를 하고 있습니다. 웹 개발을 하기 위한 기본적인 준비 중 하나인 아파치 톰캣을 설치하고 서버 구동 whitepaek.tistory.com 4. Github 연동 [개발 기타] eclipse github.. 2021. 4. 10.

티스토리툴바