본문 바로가기

전체 글48

Mysql 데이터타입 varchar vs char , int vs int(N), erd 식별 비식별 간단정리 varchar과 char 차이 char varchar (varing character) char 한자리 저장해도 공간 10 모두 차지함 varchar 한자리저장하면 공간 1만 차지함 가변과 고정의 차이 Int와 int() 차이 int 2의31승 +- 표시 int(N)라면 N은 0의자리수 표현 만약 N이 5고 입력값이 31이라면 저장값은 00031 표시하는 수나 저장공간은 동일하다. erd 다이어그램에서 실선과 점선의 차이 식별 비식별 관계 식별이란 부모 자식관계 비식별은 한테이블이 다른테이블에 의해 존재가 결정되지 않을때 2022. 6. 17.
[Java] 백준 1644번 소수의 연속합 952hi의 접근방법 1. 문제접근 1)2이상 N이하 소수를 구해야 합을 구할 수 있겠다. 소수를 구하려면 에라토스테네스의 체를 사용해야겠다고 생각이 바로 들었다. 에라토스테네스의 체를 간단하게 설명하자면 2부터 N의 제곱근까지 범위에서 체크하지않은 수가 들어오면 소수로 판단하고 소수의 배수 전부를 체크배열에서 체크해 다음 소수판단에서 삭제하는 알고리즘이다 시간복잡도가 O(N/2)으로 굉장히 빠르다. 2)구한 소수를 연속으로 합쳐 주어진 N을 만들 수 있는지 판단해야겠다. 구한 소수 체크배열을 통해 체크안된 값은 소수이므로 리스트로 구현해 N이 굉장히 클때 탐색시간을 줄여야겠다고 생각했고 슬라이딩윈도우방식으로 매번 소수의 합을 구하고 N보다 작으면 윈도우 크기를 크게만들고 N보다 커지면 중지시켰다. 2. 느낀점 처음에 목표값.. 2022. 6. 13.
자바스크립트 개념정리 개요 자바스크립트는 프로토타입 기반의 스크립트 프로그래밍 언어로 객체지향 개념을 지원하며 대부분의 javaScipt Engine은 ECMAScript 표준을 지원한다. 특징 웹을 구성하는 요소 중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍언어 컴파일 작업을 수행하지 않는 인터프리터 언어 인터프리터와 컴파일러의 장점을 결합하여 비교적 처리속도가 느린 인터프리터의 단점을 해결 사용법 사용방법으로는 HTML에서 JavaScript를 사용하려면 script 테그 사용 테그를 사용하는 방법으로는 html문서안에 포함시키는 방법과 따로 자바스크립트파일을 만들어 연결하는 방법이 있습니다. 테그위치를 고려해야하는이유 헤드테그안에 위치한 자바스크립트는 브라우저의 각종 입출력발생 이전에 초기화되므로 브라우저가 먼저.. 2022. 6. 8.
CSV 파일 mysql db에 넣기 (error 3948) csv파일을 utf8로 저장하여 아래 코드를 입력한다. LOAD DATA LOCAL INFILE "파일경로" INTO TABLE dbname.tablename FIELDS TERMINATED BY "," # 구분자 기호입력< LINES TERMINATED BY "\n" IGNORE 1 ROWS; # 각행의 머리글 무시 error 3948 발생시 아래 코드를 실행시킨다. show global variables like "local_infile"; set global local_infile=true; 2022. 5. 21.
[Java] 백준 1765번 닭싸움 팀 정하기 문제 952hi의 접근방법 https://www.acmicpc.net/problem/1765 1765번: 닭싸움 팀 정하기 1번 학생 혼자 팀, 2, 4, 6번 학생 셋이서 팀, 3, 5번 학생 둘이서 팀일 때, 팀의 개수가 최대이다. www.acmicpc.net 1. 문제접근 내 친구는 친구다 , 원수의 원수는 친구다 라는 표현을 보고 그룹을 나눈다라는 느낌을 받았고 서로소개념인 유니온 파인드 개념을 사용해야겠다고 생각이 들었다. 입력받을때 친구는 바로 유니온 해주고 각 인덱스별 원수가 2명이상있다는것은 그룹으로 처리해줘야 한다는 말이기때문에 원수의 수를 세주고 2이상이면 그 원수를 유니온 해주는 방식으로 풀었다. 위 그림은 예제 입력 1을 바탕으로 배열을 표현한 것 입니다. 각 원소가 뜻하는 바는 0은 관계없음, 1은 친구, .. 2022. 5. 20.
[Java] 백준 11505번 구간 곱 구하기 문제 952hi의 접근방법 https://www.acmicpc.net/problem/11505 11505번: 구간 곱 구하기 첫째 줄에 수의 개수 N(1 ≤ N ≤ 1,000,000)과 M(1 ≤ M ≤ 10,000), K(1 ≤ K ≤ 10,000) 가 주어진다. M은 수의 변경이 일어나는 횟수이고, K는 구간의 곱을 구하는 횟수이다. 그리고 둘째 줄부터 N+1번째 줄 www.acmicpc.net 1. 문제접근 구간 합이나 곱은 기존 for문 방식으로 더하거나 곱하면 만약 1~n까지의 합을 구해야 한다면 시간이 O(n) 소요된다. 하지만 이문제같은경우 100만개의 원소를 업데이트와 값갱신까지 계속 해서 한다면 더욱 많은 시간이 소요되기 때문에 세그먼트 트리 문제라고 확신을 가지고 문제를 풀게 되었습니다. 세그먼트 트리의 개념을 .. 2022. 5. 19.
Vue cli eslint+prettier 탭이나 간격 오류 발생시 위 사진 처럼 prettier + eslint 사용시 텝이 잡혀있지 않지만 오류가 굉장히 많이 발생하는데 설정으로 tabWidth 80이나 tabsize 2로 설정해도 오류가 발생됩니다. 이런상태에서 아래 코드를 eslint설정 파일에 rull 아래 객체로 넣어주면 오류가 해결됩니다. 굉장히 많은 사람들의 해결법을 봤지만 이처럼 해결되는것 못봐서 글 작성 해봅니다 ㅜㅜ.. "prettier/prettier": [ "error", { singleQuote: false, semi: true, tabWidth: 2, trailingComma: "all", printWidth: 80, bracketSpacing: true, arrowParens: "always", endOfLine: "auto", useTabs.. 2022. 5. 17.
Vue computed속성 vs watch속성 Vue computed속성 vs watch속성 computed속성 특정 데이터의 변경사항을 실시간으로 처리 캐싱을 이용하여 데이터의 변경이 없을 경우 캐싱된 데이터를 반환 setter와 getter를 직접 지정할 수 있음 작성은 method 형태로 작성하지만 Vue에서 proxy처리하여 property처럼 사용 Vue watch Vue Instance의 특정 property가 변경될 때 실행할 콜백 함수 설정 computed는 종속된 데이터가 변경되었을 경우 그 데이터를 다시 계산하여 캐싱한다. watch의 경우 data가 변경되었을 경우 다른 data를 변경하는 작업을 한다. 2022. 5. 16.
Vue 디렉티브 Vue 디렉티브 디렉티브는 v-접두사가 있는 특수 속성 디렉티브 속성 값은 단일 javaScript표현식이 된다 디렉티브의 역할은 표현식의 값이 변경될 때 사이드 이펙트를 반응적으로 DOM에 적용 v-once 데이터 변경 시 업데이트 되지 않은 일회성 보간을 수행 ex) 다시는 변경되지 않음{{msg}} v-text innerText 속성에 연결 태그 문자열을 html 인코딩하여 나타내기 떄문에 화면에는 태그 문자열이 그대로 나타남 v-html 이중 중괄호는 html이 아닌 일반 텍스트로 데이터를 해석 실제 html 출력하려면 v-html 디렉티브를 사용 XSS 공격에 취약하여 꼭 필요한 경우가 아니라면 v-text를 사용 추천 ex 데이터안 html태그 자동으로 변환 v-model 양방향 바인딩 처리를.. 2022. 5. 16.
Vue Life Cycle 간단정리 Vue Life Cycle 라이프 사이클은 크게 나누면 생성, 부착, 갱신, 소멸의 4단계로 이루어짐 life cycle 속성 1. beforeCreate Vue Instance가 생성되고 각 정보의 설정 전에 호출 DOM과 같은 화면요소에 접근 불가 2. Created Vue Instance가 생성된 후 데이터들의 설정이 완료된 후 호출 Instance가 화면에 부착하기 전이기 때문에 template 속성에 정의된 DOM요소는 접근 불가. 서버에 데이터를 요청하여 받아오는 로직을 수행하기 좋다(게시판 글목록 페이지 접근시 글정보) 3.beforeMount 마운트가 시작되기 전에 호출 4.mounted 지정된 element에 Vue Instance 데이터가 마운트 된 후에 호출 template 속성에 정.. 2022. 5. 16.
Vue instance 속성 간단정리 Vue instance 속성 el Vue가 적용될 요소 지정. data Vue에서 사용되는 정보 저장. 객체 또는 함수 형태 template 화면에 표시할 html,css등 마크업 요소를 정의하는 속성 뷰의 데이터 및 기타 속성들도 함께 화면에 그릴 수 있다. methods 화면 로직 제어와 관계된 method를 정의하는 속성 마우스 클릭이벤트 처리와 같이 화면의 전반적인 이벤트와 화면 동작과 관련된 로직을 추가 created 뷰 인스턴스가 생성되자 마자 실행할 로직을 정의 2022. 5. 16.
[Java] 백준 2096번 내려가기 문제 952hi의 접근방법 https://www.acmicpc.net/problem/2096 2096번: 내려가기 첫째 줄에 N(1 ≤ N ≤ 100,000)이 주어진다. 다음 N개의 줄에는 숫자가 세 개씩 주어진다. 숫자는 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 중의 하나가 된다. www.acmicpc.net 1. 접근방법 문제를 읽자마자 백준에서 RGB거리라는 문제가 생각이 났다. 크게 다를게 없어서 바로 dp 다이나믹 프로그래밍 알고리즘을 사용해서 문제를 풀었다. 간단하게 1번열은 직전 1,2 열 2번열은 직전 1,2,3열 3번열은 직전 2,3열의 영향이 다음으로 합쳐지는 방식이기 때문에 dp를 사용했고 3차원배열을 사용해 최소 최대를 구해줬다. 2. 느낀점 다 풀고 3차원배열안쓰면 더 빠를거 같은 느낌이 들긴했.. 2022. 5. 12.

티스토리툴바