첫 Servlet 파일 및 JSP 파일 작성 성공!

생소한 톰캣, 메이븐과 싸우며... 톰캣놈들 버전 10은 대체 왜 만든거냐..!! 자바 ee 인식을 못해 404가 뜬다고 해서 전부 jakarta ee로 바꿔주고 했는데도 안되서 결국 항복하고 톰캣 9를 깔고 java ee로 변경했더니 바로 정상 작동.. ㅡㅡ; 어차피 나중엔 다 jakarta ee로 갈텐데 지금 10으로 배워놓고 싶어서 한참을 씨름한 나 자신이 처량해지는 순간~ 대신 구글링 열심히 하다가 삼성 sds 인사이트 홈페이지를 찾고 거기 뉴스레터를 구독할 수 있었던 건 작은 소득. 여기 물류도 하네.. ㅋㅋ

자바스크립트 vs 제이쿼리 (출처: 크레이의 IT 탐구)

https://itadventure.tistory.com/78 나중에 읽으려고 저장해두는 글

DB 개론, DB는 왜 필요할까? 정리

잘 뽑아쓰기 위해 만든다 2. 종류 👉 RDBMS(SQL): 정형화된 행/열의 생김새가 정해진 엑셀에 데이터를 저장하는 것과 유사합니다. 데이터 50만 개가 적재된 상태에서, 갑자기 중간에 열을 하나 더하기는 어려울 것입니다. 그러나, 정형화되어 있는 만큼, 데이터의 일관성이나 / 분석에 용이할 수 있습니다. ex) MS-SQL, My-SQL 등 👉 No(not only)-SQL: 유연한 대처가 가능 딕셔너리 형태로 데이터를 저장해두는 DB입니다. 고로 데이터 하나 하나 마다 같은 값들을 가질 필요가 없게 됩니다. 자유로운 형태의 데이터 적재에 유리한 대신, 일관성이 부족할 수 있습니다. ex) MongoDB

Java 자바의 정석 기초 공부중..

예제 4-19를 작성해보면서, 윽 continue가 왜 왕따구문이 되는 거죠... ㅜ public class Ex4_19 { public static void main(String[] args) { // TODO Auto-generated method stub // for 문에 Loop1이라는 이름을 붙였다. Loop1 : for (int i = 2; i for(int j = 1; j if(j==5) break Loop1; break; continue Loop1; continue; System.out.println(i+"*"+j+"="+i*j); } // end of for i System.out.println(); } // end of Loop1 } }

앱개발 개발일지 22.08.28- Js. map이란?/ filter 함수 사용해보기

반복문으로 사용 가능한 map 함수에 대한 학습과 과제를 부여받았다. 과제: 다음에서 '딸기'는 몇 개일까? let fruit_list = ['사과','감','감','배','포도','포도','딸기', '포도','감','수박','딸기'] let count = 0; for (let i = 0; i let fruit = fruit_list[i]; if (fruit == '딸기') { count += 1; } } console.log(count); 이 내용을 map함수를 사용한 반복문으로 바꿔 count log를 구해보는 과제를 진행했다. 해결과정: 답안: let fruit_list = ['사과','감','감','배','포도','포도','딸기', '포도','감','수박','딸기'] let count = 0; fruit_list.map((i) => { if (i == '딸기') count += 1 }) console.log(count) 과제: filter함수를 사용하여 새로운 배열 작성하기 let fruit_list = ['사과','감','감','배','포도','포도','딸기', '포도','감','수박','딸기'] 해결과정: 답안: let fruit_list = ['사과','감','감','배','포도','포도','딸기', '포도','감','수박','딸기'] let podo_list = fruit_list.filter((f)=>{ return f == '포도' }) console.log(podo_list) //['포도','포도','포도']

내일배움단 앱개발종합반 학습 3일차

08.22~ 08.25 사용프로그램: 크롬과 필기에 노션 사용 1.강의내용 정리 안드로이드 사용언어: Java&Kotlin ios 사용언어: Swift ->앱 개발의 종류 네이티브 앱: 각각의 언어를 사용한 개발 하이브리드: 웹사이트에 껍데기만 씌워 배포 크로스플랫폼: 한 가지 언어(ex:자바스크립트)로 제작 후 배포 *리액트 네이티브: 크로스플랫폼 앱 개발 언어_리액트 라이브러리/프레임워크 기반 자바스크립트 사용: 웹페이지 f12 중 콘솔 ->자바스크립트 기초문법 [변수(방정식의 미지수처럼 그릇으로써 작용) 선언시 let, var 상관없음] Const(Constant)으로 선언하는 변수는 재할당 불가능 리스트(배열): let a_list = [] 추가:.push, 길이:.length 딕셔너리(객체):let a_dict = {} 키-밸류 묶음 b_dict[x]=y(x,y묶음추가), b_dict[] .키값, [키값]은 동일한 역할 *자바스크립트 기본제공 함수있음(선언, function 함수) **변수에는 특정 값(수, 문자, 배열, 객체 등)을 할당할 수 있다 ex) 조건문과 반복문 // AND 조건은 이렇게 function is_adult(age, sex){ if(age > 20 && sex == '여'){ alert('성인 여성') } else if (age > 20 && sex == '남') { alert('성인 남성') } else { alert('청소년이에요') } } // 참고: OR 조건은 이렇게 function is_adult(age, sex){ if (age > 65 || age 20 && sex == '여'){ alert('성인 여성') } else if (age > 20 && sex == '남') { alert('성인 남성') } else { alert('청소년이에요') } } is_adult(25,'남') for (1. 시작조건; 2. 반복조건; 3. 더하기) { 4. 매번실행 } 2.스터디 참석여부:출석완료 3.소감 아직 자바스크립트 기초부분이라 이해하기 어렵지 않아 다행이다. 결국 언어여서 문법과 실사용에만 익숙해지면 그냥 다른 외국어, 쓰는 외국어를 배우는 거라고 생각하면 마음의 짐이 좀 덜해지는 기분이다

내일배움단 웹개발종합반 학습 3일차

08.22~ 08.25 사용 프로그램: 파이참 1. 작성해본 코드 1)loginPage. html html>lang="en"> charset="UTF-8"> 로그인페이지 href="https://fonts.googleapis.com/css2?family=Song+Myung&display=swap" rel="stylesheet"> rel="stylesheet" type="text/css" href = "loginPage.css"> class="wrap"> class ="mytitle"> 로그인페이지 아이디, 비밀번호를 입력하세요 ID: type="text"/> PW: type="text"/> class="mybtn">로그인하기 2)loginPage.css .mytitle { color: white; width: 300px; height: 200px; text-align: center; background-image: url('https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg'); background-position: center; background-size: cover; /*백그라운드 관련 3가지 스타일: 덩어리 인식하면 편하다*/ border-radius: 10px; padding-top: 40px;}.mybtn { /**바깥 여백*/ margin: 20px 20px 20px 50px; /**안쪽 여백*/ padding: 40px;}.wrap { width: 300px; margin: auto; /*상하 좌우 최대로 미세요= 가운데*/}* { font-family: 'Song Myung', serif; /*구글 웹폰트 사용*/}/* 주석 단축키: Ctrl + / */ 3)index.html html>lang="en"> charset="utf-8"> name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"> 스파르타 피디아 href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet"> * { font-family: 'Gowun Dodum', sans-serif; } .mytitle { background-color: green; width: 100%; height: 250px; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg"); background-position: center; background-size: cover; color: white; display: flex; flex-direction: column; /*row colum으로만 바꿔사용*/ align-items: center; justify-content: center; /*덩어리 인식하면 편하다*/ } .mytitle > button { width: 200px; height: 50px; background-color: transparent; color: white; border-radius: 50px; border: 1px solid white; margin-top: 10px; } .mytitle > button:hover { border: 2px solid white; } .mycomment { color: green; } .wrap { margin: 20px auto 0px auto; max-width: 1200px; width:95%; } .mypost { width:95%; max-width: 500px; margin: 20px auto 0px auto; box-shadow: 0px 0px 3px 0px gray; padding: 20px; } .buttons { display: flex; flex-direction: row; /*row colum으로만 바꿔사용*/ align-items: center; justify-content: center; /*덩어리 인식하면 편하다*/ margin-top: 20px; } .buttons > button { margin-right: 10px; } #button1 { background-color: black; color: white; max-width: 80px; width:95%; padding:5px; border: 1px solid black; border-radius: 5px; } #button2 { background-color: white; color: black; max-width: 50px; width:95%; padding:5px; border: 1px solid black; border-radius: 5px; } class="mytitle"> 내 생애 최고의 영화들 영화 기록하기 class = "mypost"> class="form-floating mb-3"> type="email" class="form-control" id="floatingInput" placeholder="name@example.com"> for="floatingInput">영화 URL class="input-group mb-3"> class="input-group-text" for="inputGroupSelect01">별점 class="form-select" id="inputGroupSelect01"> selected>--선택하기-- value="1">⭐ value="2">⭐⭐ value="3">⭐⭐⭐ value="4">⭐⭐⭐⭐ value="5">⭐⭐⭐⭐⭐ class="form-floating"> class="form-control" placeholder="Leave a comment here" id="floatingTextarea" style = "height:100px"> for="floatingTextarea">코멘트 class = "buttons"> id = "button1">기록하기 id = "button2">닫기 class="wrap"> class="row row-cols-1 row-cols-md-4 g-4"> class="col"> class="card"> src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg" class="card-img-top" alt="..."> class="card-body"> class="card-title">여기에 제목이 들어갑니다 class="card-text">여기에 내용이 들어갑니다 ⭐⭐⭐ class="mycomment">여기에 코멘트가 들어갑니다 class="col"> class="card"> src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg" class="card-img-top" alt="..."> class="card-body"> class="card-title">여기에 제목이 들어갑니다 class="card-text">여기에 내용이 들어갑니다 ⭐⭐⭐ class="mycomment">여기에 코멘트가 들어갑니다 class="col"> class="card"> src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg" class="card-img-top" alt="..."> class="card-body"> class="card-title">여기에 제목이 들어갑니다 class="card-text">여기에 내용이 들어갑니다 ⭐⭐⭐ class="mycomment">여기에 코멘트가 들어갑니다 class="col"> class="card"> src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg" class="card-img-top" alt="..."> class="card-body"> class="card-title">여기에 제목이 들어갑니다 class="card-text">여기에 내용이 들어갑니다 ⭐⭐⭐ class="mycomment">여기에 코멘트가 들어갑니다 2. 스터디 출석여부: 출석완료 3. 강의내용 중 노트 필기와 간단 소감 HTML/CSS **주석 단축키 : Ctrl + / CSS 사용시 부트스트랩 활용 *유용한 덩어리: 백그라운드, 디스플레이 모음 class 선택자 하위 단락 특정하여 속성을 부여하고 싶을 때: ex) .mytiltle > button:hover {} 모바일 모드 미리보기: 개발자모드 아직까지는 큰 어려움 없이 진행중.. 다만 게으름과의 싸움! 정신줄을 잡는 데 필요한 건 습관화.

스파르타코딩클럽 내일배움단 웹개발/앱개발 강의 수강시작

오늘부터 내일배움단을 통해 웹개발/앱개발 과정을 한 달동안 수강한다. 본격적으로 시작해본다. 매일 꾸준하게, 조금씩 배워봅시다. 주도권을 가진 삶을 위해.. Notion도 함께 기록 시작