전체 글108

• 

  [셰이프 드로어블(ShapeDrawable)] 배경변경/테두리만 있는 버튼 만들기 https://sectumsempra.tistory.com/75 [상태 드로어블(StateListDrawable)] 이미지 버튼 만들기 및 이미지 바꾸기 버튼의 background 속성을 이미지로 설정하면 이미지는 변화가 없다. 이번에는 버튼을 누르면 이미지가 바뀌는 버튼을 만들 것이다. 그러기 위해서는 드로어블(Drawable)을 사용하면 된다. Drawable이란 sectumsempra.tistory.com 앞 글과 이어지는 내용입니다. 버튼 만들기 drawable 폴더 아래에 새로운 layout파일을 만들고 아래와 같이 입력하자. bbb.xml //크기 설정 //테두리 설정(선 굵기/색깔) //채우기 색 설정 //아래 여백 앞과 같이 버튼을 추가하고 배경을 설정한다. 설정 값과 소스 코드는 아래와 .. APP 2021. 7. 12.

• 

  [상태 드로어블(StateListDrawable)] 이미지 버튼 만들기 및 이미지 바꾸기 버튼의 background 속성을 이미지로 설정하면 이미지는 변화가 없다. 이번에는 버튼을 누르면 이미지가 바뀌는 버튼을 만들 것이다. 그러기 위해서는 드로어블(Drawable)을 사용하면 된다. Drawable이란? 상태에 따라 그래픽이나 이미지가 선택적으로 보이게 해준다. 드로어블의 종류는 여러가지가 있다. 간단한 예시는 아래와 같다. 드로어블 설명 비트맵 드로어블(BitmapDrawable) 이미지 파일을 보여줄 때 사용 비트맵 그래픽 파일(png, jpg, gif 등)을 사용해서 생성 상태 드로어블(StateListDrawable) 상태별로 다른 비트맵 그래픽을 참조 전환 드로어블(TransitionDrawable) 두 개의 드로어블을 서로 전환 셰이프 드로어블(ShapeDrawable) 색상과 .. APP 2021. 7. 12.

• 

  [백준1012] 유기농 배추(C++) https://www.acmicpc.net/problem/1012 1012번: 유기농 배추 차세대 영농인 한나는 강원도 고랭지에서 유기농 배추를 재배하기로 하였다. 농약을 쓰지 않고 배추를 재배하려면 배추를 해충으로부터 보호하는 것이 중요하기 때문에, 한나는 해충 방지에 www.acmicpc.net #include using namespace std; int T, M, N, K; int map[60][60]; int moveX[4] = { 0,1,0,-1 }; int moveY[4] = { 1,0,-1,0 }; void reset() { for (int i = 0; i < 60; i++) { for (int j = 0; j < 60; j++) { map[i][j] = 0; } } } void dfs(in.. 코딩테스트/BOJ 2021. 7. 8.

• 

  [JavaScript] 함수 정리 2 - 타이머함수, 콜백(Callback) 함수,비동기 처리방식 타이머 함수 setTimeout(함수,시간) : 일정 시간 후 함수 실행 setInterval(함수,시간) : 시간 간격마다 함수 실행 clearTimeout() : 설정된 Timeout 함수를 종료 clearInterval() : 설정된 Interval함수를 종료 //setTimeout, clearTimeout 사용 예제 const timer = setTimeout(() => {console.log("HI!")},3000) const h1El=document.querySelector('h1') h1El.addEventListener('click', () => { clearTimeout(timer) }) //setInterval, clearInterval 사용 예제 const interval=setInt.. WEB/HTML+CSS+JS 2021. 7. 8.

• 

  [JavaScript] 함수 정리 1-화살표함수, 즉시 실행함수(IIFE), 호이스팅(Hoisting) 기본적인 함수 작성법 //함수 정의 const double=function(x,y){ return x*2 } //함수 호출 console.log('double :',double(7)) 화살표 함수 //함수의 축약형 //화살표 함수를 이용해 간단하게 함수를 작성할 수 있다. //const [함수이름] = [(함수 인자- 하나이면 괄호 생략가능)] => [함수가 반환할 내용] const doublearrow = x => x*2 console.log('doublearrow :',doublearrow(7)) //const [함수이름] = [(함수 인자- 없으면 괄호)] => [함수가 반환할 내용] const sh = x => ({name:'kite'}) console.log('sh :',sh(7)) 즉시 실행함.. WEB/HTML+CSS+JS 2021. 7. 8.

• 

  [백준1260]DFS와 BFS(C++) https://www.acmicpc.net/problem/1260 1260번: DFS와 BFS 첫째 줄에 정점의 개수 N(1 ≤ N ≤ 1,000), 간선의 개수 M(1 ≤ M ≤ 10,000), 탐색을 시작할 정점의 번호 V가 주어진다. 다음 M개의 줄에는 간선이 연결하는 두 정점의 번호가 주어진다. 어떤 두 정점 사 www.acmicpc.net dfs/bfs구현 #include #include #include #include using namespace std; vector edge[1001]; int check1[1001]; int check2[1001]; void dfs(int start) { check1[start] = 1; cout M >> S; while (M != 0) { int a, b;.. 코딩테스트/BOJ 2021. 7. 3.

• 

  [백준10989]-수 정렬하기 3(C++) https://www.acmicpc.net/problem/10989 10989번: 수 정렬하기 3 첫째 줄에 수의 개수 N(1 ≤ N ≤ 10,000,000)이 주어진다. 둘째 줄부터 N개의 줄에는 숫자가 주어진다. 이 수는 10,000보다 작거나 같은 자연수이다. www.acmicpc.net 처음에는 아무 생각 없이 정렬해서 풀다가 틀려서 봤더니 메모리 제한이 8MB였다. 구글링을 해보니 수를 모두 입력받아서 저장하면 메모리를 초과하게 되니 입력받은 숫자의 개수를 세는 식으로 접근해야 한다고 한다. 즉 [5, 2, 3, 1, 4, 2, 3]을 입력받았을 때 각 숫자를 입력받아 저장하는 것이 아니라 0으로 초기화 된 배열의 n번째 인덱스를 추가해주는 식으로 풀어 주어야 한다. 정답 코드는 아래와 같다. .. 코딩테스트/BOJ 2021. 6. 23.

• 

  [오류해결] ClassNotFoundException: com.mysql.jdbc.Driver 나는 저 오류를 엄청 봤는데 시도한 방법이 굉장히 많다. 구글링을 해보니 해결법이 달라서 하나 하나 해봤었다. 한것들은 아래와 같다. Dynamic Project - src - main - webapp - WEB-INF - lib 폴더에 connector 넣기(jar 파일) Java Build Path에 jar파일 추가 톰캣 서버 깔린 폴더에 jar 파일 추가 JDK 깔린 폴더에 jar 파일 추가 아무리 해도 안되길래 위에 것들을 모두 해보다 보니까 연결이 되었다... 뭐 때문에 해결 된건지는 아직도 모르겠다. 안되는 사람은 위 방법들을 시도해 보면 좋을 것 같다. Dynamic Project에 connector 파일 추가하기 이 방법은 별로 어렵지 않다. 이클립스에서 Dynamic Project 를 보.. WEB/Server 2021. 5. 22.

• 

  [오류해결]Unknown database "데이터베이스 이름" 이클립스와 mysql을 연결하는 작업을 하던 중에 아래와 같은 오류가 발생했다. 'connectdb'라는 데이터베이스를 찾을 수 없다는 내용이었는데 문제는 이미 데이터베이스가 있다는 것... 구글링을 아무리 해봐도 database가 없어서 발생하는 오류라고 그러는데 나는 이미 있는 데이터베이스가 없다고 나오니 답답했다. 해결법은 bitnami mysql의 서버를 꺼져있으면 켜짐으로, 켜져있으면 꺼짐으로 바꾸면 된다. 나는 데스크탑에 mysql 을 깔고 bitnami도 깔아놨는데 둘이 뭔가 충돌을 한건지..? 뭐가 문제인지는 모르겠지만 있는 데이터 베이스가 자꾸 없다고 떴었다. 나는 당연히 mysql 서버가 켜져있어야 한다고 생각해서 켜고 했는데 우연히 끄고 해보니까 되더라..? 허탈,,, 우선 위 오류를.. WEB/Server 2021. 5. 22.

• 

  [오류해결]Several ports (8005, 8080, 8009) required by Tomcat v7.0 Server at localhost are already in use. 요약 방법 1 cmd창 열고 "netstat -a -n -o -p tcp"명령어 입력 8080포트 사용하는 작업 PID번호 확인 "taskkill /f /pid 15176"명령어 입력(15176은 2번에서 확인한 피드번호) 방법 2(1로 해결 안될 때) window+R키 누르고 taskmgr검색해 작업관리자로 접근 방법 1-2번에서 확인한 PID번호와 일치하는 작업 강제종료 jdk와 톰캣을 연결한 후 서버를 실행시켜보면 아래와 같은 오류가 발생할 때가 있다. 이럴경우 보편적인 해결방법은 해당 포트를 사용하고 있는 작업을 확인한 후 강제종료 시켜주면 잘 돌아간다. 방법 1 상세설명 우선 cmd창을 열어서 아래 명령어를 입력한다. netstat -a -n -o -p tcp 그러면 아래와 같은 창이 뜬다. 여.. WEB/Server 2021. 5. 5.

• 

  [C++자료구조] 배열(Array)구현 구현 내용 at(𝒊) : 배열 Arr의 인덱스 i에 저장된 값을 출력한다.(단, 0 ≤ 𝑖 ≤ 𝑁 − 1) add(𝒊, 𝒗𝒂𝒍𝒖𝒆) : 배열 𝐴𝑟𝑟의 인덱스 𝑖에서 𝑁 − 2의 값을 오른쪽으로 한 칸씩 이동한다. 그리고 배열 𝐴𝑟𝑟의 인덱스 𝑖번째에 𝑣𝑎𝑙𝑢𝑒를 삽입한다. (단, 0 ≤ 𝑖 ≤ 𝑁 − 1) remove(𝒊): 배열 𝐴𝑟𝑟의 인덱스 𝑖 + 1에서 𝑁 − 1까지의 값을, 왼쪽으로 한 칸씩 이동시킨다. 그리고 배열 𝐴𝑟𝑟의 𝑁 − 1번째 인덱스의 값을 0으로 할당한다. (단, 0 ≤ 𝑖 ≤ 𝑁 − 1) set(𝒊, 𝒗𝒂𝒍𝒖𝒆): 배열 𝐴𝑟𝑟의 인덱스 𝑖번째에 𝑣𝑎𝑙𝑢𝑒를 할당하고 𝑣𝑎𝑙𝑢𝑒를 출력한다. (단, 0 ≤ 𝑖 ≤ 𝑁 −1) print(): 배열 𝐴𝑟𝑟의 모든 값을 공백으로 구분지어 .. 코딩테스트/자료구조 2021. 4. 10.

• 

  [JavaScript] document.write()함수 위치 JS로 이것저것 해보다가 document.write()함수를 사용시 언제는 새로운 페이지에 출력되고, 언제는 현재 페이지에 작성되길래 궁금해서 알아봤다. document.write()와 document.writeln() 우선 document.write()함수에 대해 알아보자. 말 그대로 괄호 안에 들어가있는 것을 페이지에 "쓰는(출력하는)" 함수이다. 아래 예제를 보면 이해할 수 있다. 아래와 같이 글자를 써주는 함수이다. document.write()하면 document.writeln()함수도 있다. writeln()함수는 입력한 값에 "\n"을 추가하여 입력해준다. 그러나 실제로 사용해보면 줄바꿈이 아니라 한칸씩 띄어쓰기되어 출력되는 것을 볼 수 있다. 위 코드를 보면 를 사용해야만 줄바꿈이 된다는 .. WEB/HTML+CSS+JS 2021. 4. 9.

• 

  [CSS] 자식, 후손 선택자 차이점 CSS 선택자에 대해 공부하다 s1 s2 : s1요소에 포함된 s2요소를 선택한다. (후손 관계) s1>s2 : s1요소의 직계 자식 요소인 s2를 선택한다.(자식관계) 라고 나와있는 부분을 봤는데 문득 궁금해져서 찾아봤다. 결론부터 말하자면 자식(자손)이 더 작은 범위이다. 자손이라고 설명되어 있는 글도 있던데 자식이 더 직관적으로 받아들이기 쉬운 것 같다. 즉 자식은 바로 선택 태그 바로 아래 계층에 있는 것들, 후손은 선택 태그 안에 들어가 있는 모든 것 이라고 생각하면 될 것 같다. 바로 예제를 보도록 하자. hi hd sg 리스트 안 리스트1 리스트 안 리스트2 리스트 안 리스트3 he hello 위 코드를 실행시키면 아래와 같다. 이건 뭐 쉬운 내용이라 별로 어려울 것이 없을 것이다. CSS .. WEB/HTML+CSS+JS 2021. 3. 24.

• 

  [C++ 자료구조] 단일 연결 리스트(Singly Linked List) - 기본 https://thewayaboutme.tistory.com/91 c++ singly linked list 단일 링크드 리스트 구현 * 본문은 (범한서적주식회사, 2013)을 공부하면서 작성한 글입니다. 향후 객체지향 및 자료구조 수업을 들으며 정확한 + 최신 내용 이해를 반영하여 보완해 나갈 것입니다. 1. 문자열 리스트를 가 thewayaboutme.tistory.com 이 글은 위 블로그 글을 참고하여 작성되었습니다. 연결 리스트를 사용하는 이유 여러가지 값들을 저장하고 처리하는 방법 중 가장 대표적인 것은 아마 배열(Array)일 것이다. 그런데 배열의 경우 중간에 있는 원소를 삭제하거나, 값을 삽입할 때 굉장히 비효율적이다. 만약 아래와 같은 배열이 있다고 가정해보자. 여기서 22를 삭제하려 한.. 코딩테스트/자료구조 2021. 3. 4.

• 

  JAVA 2 - 이클립스 설치하기 이클립스 설치하기 이클립스는 아래 링크에서 다운받을 수 있다. 원하는 패키지를 선택해 설치하면 되는데 나는 Eclips IDE for Java Developers 패키지를 설치할 것이다. www.eclipse.org/downloads/packages/ Eclipse Packages | The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source pro 438 MB 7,367 DOWNLOADS The Modeling package provides tools and runtimes for building model-based applications. You can use it to.. APP 2021. 2. 7.

• 

  JAVA 1-JDK 설치하기 자바 공부를 시작하게 되어서 우선 JDK설치 방법부터 포스팅 하려고 한다. 아래 링크에서 JDK를 다운받을 수 있다. https://www.oracle.com/kr/java/technologies/javase/javase-jdk8-downloads.html 위 링크에 들어가면 아래와 같은 화면이 뜨는데 이곳에서 자신의 운영체제에 맞는 JDK를 설치하면 된다. 예를 들어 윈도우 32bit의 경우 맨 밑 Windowsx86을 64bit의 경우 Windowsx64를 설치하면 된다. 클릭하면 로그인을 하라는 창이 떠서 그냥 계정을 만들고 진행했다. 계정을 만들로 로그인 하면 자동으로 파일 설치가 시작된다.(크롬브라우저 사용) 설치경로를 변경하지 않을 거라면 그냥 next를 계속 눌러 진행할 수 있다. 진행하다보.. APP 2021. 2. 6.

• 

  Mysql 비밀번호 오류 해결 방법[ERROR 1045] mysql의 비밀번호를 잊어버려서 다시 설정을 하려고 하는데 아래와 같은 방법을 시도했었다. http://blog.daum.net/danus123/168 mysql 비밀번호 분실시 재설정 최종 해결책 https://toytvstory.tistory.com/1617 블로그에 들어가서 볼 것! 꼭 해야할것! [작업관리자에서 mysql과 관련된 mysqld와 같은 파일을 종료시켜준뒤 한다] 작업관리자 여는 법 : 마우스 오른쪽 클 blog.daum.net 그런데 이후 로그인을 하려하니 바뀐 비밀번호를 입력해도 자꾸 비밀번호가 틀릴 때 뜨는 ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES) 오류가 발생했다. 오히.. WEB/Mysql 2021. 1. 16.

• 

  AWS EC2로 서버 구축하기 - 4[PHP웹 개발환경 구축] https://www.youtube.com/watch?v=j67VYsq0rdo&list=PLgtOJI-K1OGqhiFInA17Q3Oa9Q9HcXV_a&index=8 위 링크를 보고 블로그 글을 작성하였다. 1. Apache 설치하기 주피터 노트북에서 왼쪽 new버튼을 누르고 terminal로 들어간다. apache 설치를 위해 아래 명령어를 입력한다. sudo apt-get install apache2 그렇게 하면 설치가 완료된다. 2. index.html 생성하기 apache 설정 파일의 경로는 /etc/apache2/apache2.conf이다. cat명령어를 통해 해당 설정 파일을 읽어주도록 하자. cat /etc/apache2/apache2.conf 위 명령어를 입력하면 설정 파일이 쭉 뜨는데 중간.. WEB/Server 2021. 1. 16.

• 

  AWS EC2로 서버 구축하기 - 3 [Jupyter Notebook에 https적용하기] https://www.youtube.com/watch?v=Gzk3CA6mC2M&list=PLgtOJI-K1OGqhiFInA17Q3Oa9Q9HcXV_a&index=4 현재 우리가 주피터 노트북에 접속하면 http로 연결되어 있다. 지금 상태로는 데이터를 주고 받을 때 암호화를 하지 않고 데이터를 주고받게 된다. 따라서 이번 글에서는 https를 주피터 노트북에 적용하는 방법에 대해 기록하려고 한다. 1. 명령 프롬프트 창에서 서버 접속하기 먼저 명령 프롬프트창을 관리자 모드로 실행한 뒤 이전 글에서 한대로 서버에 접속해준다. 프라이빗 키 페어가 있는 폴더로 이동한 뒤 아래 명령어를 입력하면 된다. ssh -i "Tutorial.pem" ubuntu@ec2-13-124-212-229.ap-northeast-.. WEB/Server 2021. 1. 16.

• 

  AWS EC2로 서버 구축하기 - 2 [Jupyter Notebook설치 및 연결] https://www.youtube.com/watch?v=VrVJWwk1YyQ&list=PLgtOJI-K1OGqhiFInA17Q3Oa9Q9HcXV_a&index=3 이번 글은 위 영상에서 다루는 내용을 정리한 것이다. 1. 주피터 노트북 설치 주피터 노트북은 외부에서 해당 웹사이트에 접속해, 웹 환경에서 서버를 관리할 수 있게 해주는 도구이다. 기본적으로 파이썬 패키지 관리 프로그램 "파이프(pip)"를 이용하여 설치할 수 있다. 저번 글에서 해당 폴더로 이동해 명령어를 이용해 서버에 접속하는 방법을 적었는데, 이번 실습도 같은 환경에서 시작한다. 주피터 노트북을 설치하는 과정은 크게 3가지로 나뉜다. apt get업데이트 python3를 이용해 pip 설치 pip를 이용해 주피터 노트북 설치 명령어를 .. WEB/Server 2021. 1. 15.

• 

  AWS EC2로 서버 구축하기 - 1 [회원가입 + 명령프롬프트로 서버접속] https://www.youtube.com/watch?v=Wus-fC15elM&list=PLgtOJI-K1OGqhiFInA17Q3Oa9Q9HcXV_a 이번에는 AWS를 이용해서 나만의 서버를 구축해보려고 한다. 1. 회원가입 https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services 제조 AWS를 활용한 Siemens의 에너지, 의료 서비스, 제조 분야 혁신 Siemens가 AWS를 사용하여 어떻게 문화를 바꾸고 혁신을 장려하며 비즈니스 성과를 창출했는지 알아보세요. 자세히 알아보기 업종 aws.amazon.com 검색창에 aws를 검색해서 들어갈 수도 있다. 들어가면 오른쪽 위에 aws 계정 생성 버튼을 눌러 계정을 생성한다. 만약 .. WEB/Server 2021. 1. 15.

• 

  PHP 내용정리 - 4 https://opentutorials.org/course/3130/19385 WEB/Server 2021. 1. 15.