티스토리

정보와 사람,

검색하기

블로그 홈

정보와 사람,

tkdlqhrm.tistory.com/m

나의 삶 .. 지금은 코딩

구독자: 0

방명록 방문하기

주요 글 목록

[프로젝트]3. 프로젝트를 위한 개발환경 설정(MySQL 기본설정) 개발 환경(0) 운영체제: windows11 x64비트 (설치:완) (1) IDE: intellij (설치:완)(2) 개발언어: 자바 17(jdk17.0.12) LTS (설치:완)(3) 프로젝트 : spring boot Spring boot (3.3.5) (설치:완)(4) 빌드관리 tool: maven (5) 뷰 템프릿: Thymeleaf(5) 오픈 소스 퍼시스턴스 프레임워크: mybatis(6) 관계형 데이터베이스 관리 시스템(RDBMS): MySql (설치:완)(7) mysql 관리 gui 도구: mysql workbench (설치:완)(8) 형상관리: Git ++ 프로젝트 dependencies :6. MySQL에 로그인해보고 기본설정을 해보자 (1.. 공감수 1 댓글수 0 2024. 11. 16.
[프로젝트]2. 프로젝트를 위한 개발환경 설정(인텔리제이에서 프로젝트생성 및 MySql 설치) 개발 환경(0) 운영체제: windows11 x64비트(1) IDE: intellij(2) 개발언어: 자바 17(jdk17.0.12) LTS(3) 프로젝트 : spring boot Spring boot (3.3.5)(4) 빌드관리 tool: maven(5) 뷰 템프릿: Thymeleaf(5) 오픈 소스 퍼시스턴스 프레임워크: mybatis(6) 관계형 데이터베이스 관리 시스템(RDBMS): MySql(7) mysql 관리 gui 도구: mysql workbench(8) 형상관리: Git 3. 프로젝트 생성 프로젝트를 생성을 누르고 설정한뒤 next 일단은 이렇게 설정하였다.뷰템플릿은 수업시간에는 jsp를 사용하였는데 스프링 프로젝트 에서는 jsp는 정식 지원하지 않는다고하여thymeleaf를 사.. 공감수 2 댓글수 2 2024. 11. 16.
[프로젝트]1. 프로젝트를 위한 개발환경 설정(개발언어 및 ide설치) 프로젝트를 위해서 우리 조에서 정한개발환경에 맞춰 설정하고자 한다.개발 환경(0) 운영체제: windows11 x64(1) IDE: intellij(2) 개발언어: 자바 17(jdk17.0.12) LTS(3) 프로젝트 : spring boot Spring boot (3.3.5)(4) 빌드관리 tool: maven(5) 오픈 소스 퍼시스턴스 프레임워크: mybatis(6) 관계형 데이터베이스 관리 시스템(RDBMS): MySql(7) mysql 관리 gui 도구: mysql workbench(8) 형상관리: Git 개발환경을 정하고 노트북에 개발환경에 맞게 설치해 보려고 한다. 1. 인텔리제이를 다운받아 설치하였다 - 수업은 이클립스와 sts등으로 진행하여서 인텔리제이 설치할때 매우 기대가 됐다.. .. 공감수 1 댓글수 1 2024. 11. 16.
웹 개발과 기본 통신 개념 1028 웹개발 - 웹사이트나 웹 애플리케이션을 만드는 과정을 의미함. - 웹 브라우저로 서비스를 요청하고 요청된 서비스를 확인함. 웹 개발의 기본 통신 개념은 1. 클라이언트-서버 모델, 2. HTTP/HTTPS 프로토콜, TCP/IP, 그리고 3. 동기와 비동기 통신으로 설명 할수 있음 1. 클라이언트(client) - 서버(server) 모델*웹 개발의 기본 구조는 클라이언트 서버 모델을 따름 클라이언트: 웹브라우저(크롬)와 같이 사용자가 상호작용하는 소프트웨어서버 : 클라이언트의 요청(request)를 받아들이고 요청에 맞는 데이터를 처리 한뒤 결과를 응답(request)으로 클라이언트에게 보내는 역할을 함 요청 ㅡ 응답의 단계 클라이언트가 웹 브라우저를 통해 HTTP 요청(request.. 공감수 1 댓글수 0 2024. 10. 29.
spring framework 환경설정 오늘 학원에서 spring framework 환경설정을 하였다.슬슬 학원 교육도 끝일 향해 가는것 같다.그리고 집에와서 노트북으로 환결설정을 하는중여기에 정리한다. 개발환경 : webJDK 1.8 version 64bitIDE: sts-3.9.11.RELEASE (Spring FrameWork)Project : Spring Legacy(view template : jsp)WAS server : tomcat 8.5project 1. sts 실행시 exit code= 13 에러집에 설치해서 사용하던 jdk가 32bit 버전이였어서 sts를 실행했을때 exit code= 13 오류가 발생했엇다.그래서 문제를 해결하기 위해 사용하던 32bit jdk를 지우고jdk 1.8 version 64bit를 다시 설치.. 공감수 1 댓글수 0 2024. 10. 29.
[국비 25일] 자바 공부 시작, 기초적인것들 1. Java 변수선언 타입 이름 int age;double double; ex)int score; //변수 선언socre = 90; //값 대입 int value = 30; //변수 value가 30으로 초기화됨int result = value + 10; //변수 value가 값(30)을 읽고 10을 더해서 변수 result에 저장; 초기화 되지않은 변수를 연산식에 사용할 경우 컴파일 에러 발생; int value;int result = value+ 10; 2. 정수타입 값의 분류 기본 타입정수byte, char, short, int, long실수float, .. 공감수 0 댓글수 0 2024. 8. 3.
[국비 21일] 초보적인 카카오맵 활용 api를 활용하여 카카오 맵 사용하는것에 대해서수업시간에 배웠다. DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>카카오 Maptitle> script src="key.js">script> script> window.onload = () => { const kakaoScript = document.createElement('script'); kakaoScript.src = `http://dapi.kakao.com/v2/maps/sdk.j.. 공감수 0 댓글수 0 2024. 7. 29.
[국비 18일차]javascript, 이미지 활용해 전자시계 만들기 ! 숫자 이미지를 활용해 전자시계를 만들어 봤다.저 숫자들이 일반 number가 아니라 이미지를 썻다는 말인데그것보다 배경이미지에 더 눈이 갈수밖에 없다는 사실 ... 아 ..일반 흰색배경보다는 이게 훨신 나을거 같아서 한번 해봤는데 효과는 굉장했다. 전체 코드를 확인해 보자면, DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>디지털 시계(그래픽 버전)title> style> img { width: 30px; } .inline-block { display: .. 공감수 0 댓글수 1 2024. 7. 24.
[국비 16일차]javascript, 간단하게 스탑워치 만들기 ! 자바스크립트 스탑워치 만들기수업시간때 자바스크립트로 간단한 스톱워치 만들기를 해 보았다. DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>Stop Watchtitle> style> button { padding: 5px; margin: 5px; font-size: 1.5rem;} style> script> function twoDigit(num) { return num 10 ? '0' + num : String(num); // 4 --.. 공감수 0 댓글수 1 2024. 7. 22.
[국비 15일차]javascript 홀짝 구하기 script>let a = Number(prompt('숫자를 입력해주세요.!!'));if (a % 2 === 0) { alert('짝수입니다.');} else { alert('홀수입니다.');}script> 기초 문제 prompt창에 입력된 값은 무조건 '문자열'로 변환되기 때문에,Number 함수를 사용하여 숫자열로 다시 변환시킨다.그값을 a에 저장; if 문을 열어 a를 2로 나눈 값의 나머지가 === 0 인지 확인하고,0이면 짝수 ; 짝수인 경우 짝수 alert 창 띄우고짝수가 아닌경우 (즉 홀수인경우) 홀수 alert 창을 표시한다. 공감수 0 댓글수 0 2024. 7. 20.
[국비 13일차]javascript, 반복문 1~100사이의 정수값 더하기 ! // * 1에서 100사이의 정수값 더하기 ; 자주 사용됨 *let sum100 = 0;for (let i = 1; i 100; i++) { sum100 += i;}console.log(`1에서 100사이의 정수의 합 = ${sum100}`); //간단한 해석let sum100 = 0; //let으로 sum100이라는 변수의 값을 0으로 설정for 루프 사용, i 변수를 1부터 100까지 1씩 증가시키면서 반복함(i = 1 ; 설정 , i sum100 += 1; // sum100 = sum100 + i 의 축약임루프의 각 반복(iteration)마다 현재 i 값을 sum100에 더합니다. i = 1일 때, sum100은 0 + 1 = 1;i = 2일 때, sum100은.. 공감수 0 댓글수 0 2024. 7. 17.
[국비 12일차]javascript, 간단한 if 조건문, 나이계산하기 !! const bYear = 1995, bMonth = 6, bDay = 25; // 생년월일const today = new Date(); // 현재 날짜let tYear = today.getFullYear(); // 현재 연도let tMonth = today.getMonth() + 1; // 현재 월 (0부터 시작하므로 1 더함)let tDay = today.getDate(); // 현재 일let age; // 나이 변수if (tMonth bMonth) { // 현재 월이 생월보다 작은 경우 age = tYear - bYear - 1;} else if (tMonth > bMonth) { // 현재 월이 생월보다 큰 경우 age = tYear - bYear;} else { // 현재 월이 생월.. 공감수 0 댓글수 0 2024. 7. 16.
[국비 12일차]javascript, 간단한 if , switch 조건문 -2 !! /* * if() * else if() * ... * else */// scorelet score = Math.ceil(Math.random() * 60) + 40; // 41 ~100 사이의 정수let grade = "";if (score >= 90) grade = "A";else if (score >= 80) grade = "B";else if (score >= 70) grade = "C";else if (score >= 60) grade = "D";else grade = "F";console.log(`점수: ${score}, 학점: ${grade}`);// FizzBuzz// 숫자가 5로 나누어지면 Fizz, 7로 나누어지면 Buzz, 5와 7 둘다로 나누.. 공감수 0 댓글수 0 2024. 7. 16.
[국비 12일차]javascript, 간단한 if , else 조건문 !! // Math.random() - 0.0 ~ 0.9999의 임의의 값을 생성해 줌;// math.ceil() - 소숫점 이하를 올려서 정수값으로 만들어 줌;let num = Math.ceil(Math.random() * 6); // 1 ~ 6 정수값;console.log(num);// 홀수 / 짝수if (num % 2 == 0) { console.log(`${num} 은/는 짝수입니다.`);}if (num % 2 == 1) { console.log(`${num} 은/는 홀수입니다.`);}// if / elsenum = Math.ceil(Math.random() * 6);if (num % 2 == 0) { console.log(`${num} 은/는 짝수입니다.`);} else { console.lo.. 공감수 0 댓글수 0 2024. 7. 16.
[국비 11일차]javascript, 배우기 시작 자바스크립트의 자료형 */// 1. 문자열(String)console.log("He said 'I love you.'");console.log('He said "I love you."');console.log("I'll be back.");//특수문자 - 백슬래시(\) + 문자 , 줄바굼 \nconsole.log('\tabc\tdef"ghi\njkl\\');// 문자열 연산자(+) -결합 연산자console.log("가나다" + " " + "라마바");// 문자열 선택let hello = "안녕하세요?";console.log(hello, hello[0], hello[3]); //안녕하세요? 안 세//문자열 길이//문자열: 속성(attribute), methodconsole.log(hello.length.. 공감수 1 댓글수 7 2024. 7. 15.
[국비 11일차]css, bootstrap 모달(modal) 창 만들기 오늘은 모달 창 만드는 법에 대해서 써보려고 한다. 클릭했을때 작은 창이 뜨는데 그걸 modal 이라고 한다 부트스트랩(bootstrap)을 사용하는거기 때문에link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" /> script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js">script> 일단 안에 당연히 부트스트랩 링크와 스크립트가 추가 돼어 있어야 한다. 뭐 ws3shcool에 다 나와 있는 내용이지만DOCTYPE html>html lang=.. 공감수 0 댓글수 0 2024. 7. 13.
[국비 8일차 풀스택] + 자바 공부 간단히 하기- 1 현재 프론트엔드쪽 html css bootstrap 등을 학원에서 배우고 있는데조금 시간을 내어 스스로 자바 공부를 하기로 결심했다.풀스택 교육이지만 프론트엔드는 짧게하고 백엔드 부분을 더 많은 기간동안 배우기 때문에그때를 대비해서 기초라도 공부를 해놔야 겠다는 생각이 들었기 때문이다. 현재 https://www.w3schools.com/ html , css, bootstrap을 하고 있어서여기서 기초적인 java 공부도 해볼까 한다.조금 하다가 학원에서 나눠준 "나는 자바다" 라는 책이 있어서이 책으로 유튜브 강의를 보면서 공부 할 예정이다. public class Main { public static void main(String[] args) { String studentname .. 공감수 0 댓글수 0 2024. 7. 10.
[국비 8일차]css, bootstrap 이용하여 자기소개 폼 만들기 -3 이제 bootstrap을 배웠기 때문에 지금까지 했던 자기소개폼을 업그레이드 할때가 되었다.처음 만들었을때도 분명 기뻣지만 ㅎ퀄리티는 쓰레기였다. 이 첫번째 폼에서 나날히 진화하는 모습을 보니눈물이 난다 .. 오늘 배운걸 활용하여 만든 것은 이것이다 이번 폼을 보면 빨간색 상자로 표시되는 .was-validated를 쓸필요는 없었는데 오늘 배운 내용이라일부러 활용하려고 사용해 보았다.보면 알다싶이 text box 안에 무언가 내용을 입력해야 제출할수 있는 속성이다이제 본 내용으로 돌아가자면 head> title>Bootstrap 회원가입title> meta charset="utf-8" /> meta name="viewport" content="width=device-width, .. 공감수 0 댓글수 0 2024. 7. 10.
[국비 7일차] bootstrap 이용하여 간단한 달력 표 만들기 ! 어제부터인가 부트스트랩을 배우기 시작해서 간단한 달력만들기를 하였다.이 달력도 첫번째 버전이 아니라 2번째 버전인데 퀄리티가 이정도라니참 안타깝지만 열심히 한 결과이다. 이번 달력만들기를 하면서 다양한것을 배우게 된것 같다 DOCTYPE html>html lang="en"> head> title>Bootstrap 5 Calendertitle> meta charset="utf-8" /> meta name="viewport" content="width=device-width, initial-scale=1" /> link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel=.. 공감수 0 댓글수 0 2024. 7. 9.
[5일차 html css] vs code 이용하여 자기소개 웹페이지 만들기 -1 오늘은 z-index, over flow, float 등등을 배웠는데 그렇게 중요한것을 배운거 같지는 않다.오전에는 수업을 하고 오후에 과제를 내주면서 하라고 했는데그 과제가 바로 "자기소개 페이지"만들기 이다. 만들어야 될 내용이 바로 이것이다. 자기소개 페이지를 만들어 제출하세요.1. 내가 태어난 곳2. 내가 가봤던 곳 또는 가보고 싶은 곳3. 내가 좋아하는 음식4. 내가 좋아하는 것(취미) 처음 이 과제를 보고 들었던 생각은"링크 누르면 페이지도 훅훅 넘어가는 그런 쌈뽕한걸 만들자! " 라는 생각 이였지만뒤늦게 생각해보니 그런걸 배운적이 없다는게 문제였다 .. 그래서 어느정도 타협하여 배웠던것을 중심으로"구글링"잘 하여 깔끔하게 만들어 보는것으로 계획을 세웠다. 뭔가 잘하고 싶었지만 내가 배운.. 공감수 0 댓글수 1 2024. 7. 5.
[국비4일차 html] vs code 이용하여 회원가입폼 만들기 2 어제 회원가입폼을 만들었는데 그것도 업그레이드 한것이지만너무 조잡한 느낌이 강하게 나서오늘 배운것과 합쳐 더 세련된 "회원가입" 폼을 만들었다. 이것또한 구글랑 하여 나온 회원가입 폼을 보고 최대한 비슷하게 따라한 것이다.그 블로그의 코드를 본것은 아니고 이미지만 보고필요한 태그들이 무엇인지 구글링하여 만들었다. 어제 만든 회원가입 폼과 다른점은 border-radius로 입력창 모서리를 둥글게 바꿔주고box-shadow로 그림자 효과를 조금 준것class를 지정하여 style 태그에서 한번에 처리할수 있는 것들은 한번에 처리 한것그리고 *을 span태그로 잡아 색깔을 넣어준 것 등이 있다. DOCTYPE html>html lang="en"> head> meta charset="UTF-8".. 공감수 0 댓글수 0 2024. 7. 4.
국비시작 3일 [HTML 기초] VS CODE로 간단한 회원가입 폼 만들기 . 풀스택 교육 시작한지 벌써 3일이 됐다 .프론트엔드부터 교육을 시작하는데 이게 그나마 쉽다고 한다물론 딥하게 파면 엄청 어려워 힘들겠지만,생초보인 나한테 있어서는 코드 따리치는것만 해도 벅차다. 아무튼 3일차쯤에 VS CODE(Viual Studio Code)로 간단하게 회원가입 창 만드는 법을 배웠다.가르쳐 준대로 해봤는데 너무 허접하고 없어보여서구글링으로 열심히 검색하며 업그레이드를 해 보았다. body style="margin: 20px"> form action="/action_page.php" method="get" target="_blank"> h1 style="text-align: center">회원 가입h1> hr /> label for="userid">사용.. 공감수 0 댓글수 0 2024. 7. 3.
국비 자바(java), 스프링(spring) 기반 풀스택 교육을 수강하기로 하다. 많은 고민 끝에 국비교육을 시작 했습니다.요즘 프로그래밍쪽 취업시장이 좋지 않은걸 알고 있지만, 예전부터 쭉 해보고 싶어서 도전하게 되었습니다.코딩 관련해서 지식도 하나도 없어서 모든게 어렵습니다만,새로운것을 배운다는 즐거움도 있는것 같습니다. 2024년 7월 1일부터 국비학원에서 수강을 하였습니다.풀스택 교육인 관계로 처음에는 프론트엔드 교육을 합니다.수업 초반이라 그런지 그럭저럭 따라갈만 합니다만은 .. 백엔드 수업 시작하면 엄청 어렵다고 강사님께서 겁을주는 바람에두려움을 느낍니다..지금, 조금 한가할때 자바 강의를 조금 들어 놔야 할것 같습니다.. 내 발자취를 남겨 미래에 내가 볼수 있게하고복습할때 도움을 받기 위해서,앞으로는 수업 내용들을 조금씩 블로그에 올리도록 하겠습니다. 공감수 0 댓글수 0 2024. 7. 2.
자바 입력과 출력 기초 (showinputdialog(),parseDouble() ) String id = JOptionPane.showInputDialog("Enter a ID"); showinputdialog 가 화면에 enter a id를 띄워줌 String bright = JOptionPane.showInputDialog("Enter a Bright level"); showinputdialog로 enter a bright level을 출력함 아래 DimmingLights moodLamp = new DimmingLights(id+" moodlamp "); moodLamp.setBright(Double.parseDouble(bright)); moodLamp.on(); moodlamp.setbright(light)로 하려는데 string은 불가능하고 오직 dobule만 가능함 변수가 더.. 공감수 0 댓글수 0 2023. 8. 15.
자바 공부 가볍게 시작해보다 한번도 해본적 없는 자바를 유튜브를 통해 시작해보았다. 처음이라 자바설치, 이클립스 설치 하는것도 해메었지만 하다보니 되었다. 어렸을땐 프로그램 찾아서 설치하는건 쉽게 쉽게 했는데 나이먹어서 그런지 조금 귀찮은 느낌. 초등학생도 할줄아는 헬로우 월드를 이클립스로 어렸을때 visual 뭐였나 기억도 안나는 그 책으로 컴퓨터 시간대 헬로우 월드를 해본 기억이 있는데 별것도 아닌 헬로우 월드를 하고나니 기분이 좋아진다 . 앞으로 계속 공부해서 웹개발을 해보고 싶다 공감수 0 댓글수 0 2023. 8. 14.

문의안내

티스토리
로그인
고객센터

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