My Web Story

IT/JavaScript

[Javascript] 드래그 방지, 오른쪽 마우스 클릭 방지

1. 드래그 방지 : ondragstart = "return false" **ondragstart : 드래그가 시작 될 경우 발생하는 이벤트 2. 오른쪽 마우스 클릭 방지 : onselectstart = "return false" **onselectstart : 선택이 시작 될 경우 발생하는 이벤트

IT/VUE

[VUE.JS] vue.js 설치 / vuetify설치 방법

**설치 진행시 권한문제때문에 에러가 날수있습니다. 권한문제 에러시 명령어 앞에 sudo를 추가하여 진행해주세요. 1. yarn 설치 npm install -g yarn //권한 문제시 sudo npm install -g yarn 2. vue-cli설치 npm install -g @vue/cli // vue버전 확인 vue --version 3. 프로젝트 폴더 생성 mkdir 프로젝트명 4. vue front폴더 생성 vue create 프론트폴더명 : npm / default 선택 5. 해당 프로젝트로 이동 cd 프로젝트명 6. 서버시작 npm run serve : 종료는 ctl+c 7. vuetify설치 => 서버 실행시 뷰티파이 화면으로 바뀐다. vue add vuetify : default 선택 ..

IT/알고리즘

[알고리즘] 문자열을 정수로 바꾸기 for JAVA (프로그래머스)

programmers.co.kr/learn/courses/30/lessons/12925?language=java 코딩테스트 연습 - 문자열을 정수로 바꾸기 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니 programmers.co.kr [문제 설명] - 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. [제한 조건] - s의 길이는 1 이상 5이하입니다. - s의 맨앞에는 부호(+, -)가 올 수 있습니다. - s는 부호와 숫자로만 이루어져있습니다. - s는 0으로 시작하지 않습니다. [입출력 예] - 예를들어 ..

IT/알고리즘

[알고리즘] 가운데 글자 가져오기 for JAVA (프로그래머스)

programmers.co.kr/learn/courses/30/lessons/12903?language=java 코딩테스트 연습 - 가운데 글자 가져오기 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. 재한사항 s는 길이가 1 이상, 100이하인 스트링입니다. 입출력 예 s ret programmers.co.kr [문제 설명] - 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. [제한사항] - s는 길이가 1 이상, 100이하인 스트링입니다. *입출력 예 s return "abcde" "c" "qwer" "we" class Solution..

IT/알고리즘

[알고리즘] 정수 제곱근 판별 for JAVA (프로그래머스)

programmers.co.kr/learn/courses/30/lessons/12934 코딩테스트 연습 - 정수 제곱근 판별 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다. n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함 programmers.co.kr [문제 설명] - 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다. n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요. [제한 사항] - n은 1이상, 50000000000000 이하인 양의 정수입니다. [입출력 예] n re..

IT/etc

[JSTL] JSTL에서 varStatus 이용하여 인덱스번호 출력(페이징처리)

JSTL에서 varStatus 이용하여 인덱스번호 출력 - 공식 : 총 개시물 수 - varStatus.index ) - ( (현재페이지 번호 - 1 ) * 보여질 게시글 갯수 ) 아래처럼 맨 앞줄 출력

IT/React

[React] React 설치하기

1. 리액트프로젝트 할 폴더를 만들어준다. 2. 터미널(cmd)에서 해당 경로로 이동 cd /Users/seo/Documents/react/reactProjTutorial 3. 터미널(cmd)에 npm install -g create-react-app 입력 : -g 옵션 사용시 글로벌 create-react-app을 설치를 하되 g 옵션 덕분에 글로벌 패키지 형태로 설치 ** 글로벌패키지로 설치시 이 프로젝트 뿐 아니라 다른프로젝트에서도 이 패키지 적용 가능 npm install -g create-react-app 에러(권한에러일 경우 )시 sudo npm install -g create-react-app 로 입력 **Missing write access to /usr/local/lib/node_modu..

IT/node.js

[NODE.JS] Node.js 설치하기

MAC 1. 아래 node.js의 홈페이지에 접속하여 자신의 운영체제와 버전에 맞는 파일을 선택하여 설치합니다. nodejs.org/en/ 2. 다음을 눌려 설치를 완료 3. 설치 완료 4. 터미널 실행 후 node -v 입력시 버전 출력되면 설치 완료 5. 터미널에 npm 입력 설명확인 WINDOW 1. 아래 node.js의 홈페이지에 접속하여 자신의 운영체제와 버전에 맞는 파일을 선택하여 설치합니다. nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 파일을 실행 3. next를 클릭 4. 동의 후 next 5. 추가기능 체크(필수 아님) 6. 설치 완료 7..