일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- Java#JAVA#매개변수
- tibero#티베로#이중화#failvover
- 국비지원자바#국비교육자바#국비지원java#국비교육java#자바스크립트#프론트엔드
- 국비지원#국비교육#국비지원자바#국비교육자바#css#HTML#JAVA
- Spring#spring#스프링#스프링프레임워크#스프링자동주입#스프링생성자#스프링기본#국비지원#국비교육#국비지원스프링
- 개발자도서#개발자책#도메인#DDD#도메인주도개발시작하기#개발스터디#
- 개발자#it도서#도메인#DDD#ddd
- 국비지원JAVA#국비지원자바#프로그랭#JSP#국비지원JSP#국비교육JSP#웹개발자#코딩
- Resource #
- spring#Spring#RequestBody#ResponseBody
- Java#컴파일러#자바컴파일러#
- #
- 항해99 #항해플러스 #주니어개발자 #주니어개발자역량강화 #주니어개발자멘토링 #개발자사이드프로젝트 #코딩부트캠프 #코딩부트캠프후기
- 자바
- Java#java#자바#다오#디티오#브이오#dao#dto#vo
- 국비지원JAVA
- 자바#Java#배열예시#연습#기초다지기
- IntelliJ#인텔리제이#인텔리#단축키
- 쿼리스트링#쿼리문자열#바인딩
- Spring#spring#스프링#스프링프레임워크#스프링의존성주입#스프링생성자#스프링기본#국비지원#국비교육#국비지원스프링
- 국비지원#국비교육
- db#데이터베이스#오라클#sql
- 프로그래밍
- 국비지원JAVA#국비교육JAVA#국비지원자바#국비교육자바#JSP#SERVLET#서블릿#
- Java#정처기#비트연산자#정보처리기사
- html#HTML#프론트엔드#개발자#코딩#국비지원#국비교육#국비지원프론트엔드#국비지원HTML#국비지원html#국비프론트엔드
- java
- 항해플러스#항해#항해플러스3기#회고
- Java#java#메모리영역#클래스로더#가비지컬렉터
- #java#JAVA#프로그래밍#웹개발자
- Today
- Total
목록국비지원(국비교육) 웹 개발자 과정 (49)
개린이 개발노트
dataset HTML 내부에 속성을 추가 (개발자만 사용하는 사용자의 정의 속성) dataset으로 설정한 값은 문자로 나타남! (혹시나 숫자타입으로 비교하게 되면 작동이 안되니까 그런것 까지 방지하려면 숫자로 형변환을 시켜야 훨씬더 안전하게 이용가능) 알림창이 뜨는데 일정시간이 지나면 자동으로 사라지는 알림창 만들기 n-5초 뒤에 사라지는 알림창 n-4 n-3 n-2 n-1 n초 뒤 사라지는 알림창 5초뒤에 사라지는 알림창 css는대충만들어서 생략~ let t= 5; setInterval(function() { t--; document.querySelector('.time').innerHTML = t; },1000); setTimeout(hideBlock, 5000); W function hideBl..
장바구니 만들기 장바구니 img { height: 200px; } let fruits = [ {name: 'apple', memo: '빨개요'}, {name: 'mango', memo: '달달함'}, {name: 'melon', memo: '맛있음'}, ]; /* for(let i=0; i { let second = ` ${data.name} ${data.memo} 담기 `; $('.row').eq(0).append(second); }) $('.cart').on('click', function(e) { let name = $(e.target).siblings('h5').html(); if(localStorage.getItem('name') != null) { let temp = localStorage.g..
let div= document.createElement('div'); div.className = 'alert'; /**첫줄에 div태그를 만들고 3번쨰줄에 class를 만든것임*/ div.innerHTML = 'ㅎㅇ'; /**이너html은 태그까지 다 인식해주기때문에 안에 태그까지 다 입력가능 */ document.body.append(div); 개발자 도구를 열어보면 무엇을 만들었는지 더 자세히 확인가능하다 ↓ 태그.append: 해당 태그 끝에 추가 태그.prepend: 맨앞에 추가 태그.before: (해당)태그 이전에 삽입 태그.after:(해당)태그 이후에 삽입 ol.before('이전'); ol.after('이후'); let a = document.createElement('li'); a...
*국비지원 JAVA에 관심있으신 분들은 댓글남겨주시면 제가 아는 한 상세히 답변드리겠습니다* let user={ name:'kim', age: 30, }; user.score=70; alert(user.score); user['age']=20; // user.age =20 console.log(user.age); delete user['name'] console.log(user.name); 해당하는 내용이 있는 지 없는지 확인하는 in 있으면 true, 없으면 false let user={ name:'kim', age: 30, }; console.log('name' in user); console.log('asd' in user); name은 있으니까 true asd는 없으니까 false로 출력 반복문 ..
*국비지원 JAVA에 관심있으신 분들은 댓글남겨주시면 제가 아는 한 상세히 답변드리겠습니다* js(자바스크립트)는 바디 맨 끝부분에 링크 console.log('hello') 는 브라우저 콘솔창에서 확인 가능 vs 코드에서 같은 코드 찾기 alt 누르고 선택 변수 상수 let 변수명; mathScore cosnt 상수명; 상수선언할 때는 대문자 숫자로 시작 안됨 _ $ ㅣㄷ 옛날 방식 -> var 옛날꺼 =10; console.log(옛날꺼); 변수 선언 방식 let a = "hello"; let b= 25; let c ='ccccc'; let d= 'hello', e= 25, f='aaaa'; 상수 선언방식 예시 const COLOR_RED = '#f600'; const COLOR_BLUE = '#f1..
반응협 웹( 미디어 쿼리) 너비에 맞춰서 지정 가능 어디픽셀까지 어떻게 보이게 할지 결정가능 안 보이게 하는 것(사라지게 하는 것) diplay:none; visibility:hidden; 둘의 차이점? visibility는 사라지기는 하지만 그 영역 그 구역은 차지하고있는 상태 diplay 차지하고 있는 영역 전부 삭제 반응형 웹 브레이크포인트 [CSS] 반응형 웹 디바이스별 해상도 반응형 분기점 리스트 (tistory.com) [CSS] 반응형 웹 디바이스별 해상도 반응형 분기점 리스트 오늘은 반응형 웹 디자인을 제작하기 위한 미디어 쿼리 해상도 분기점 리스트를 공유하려고 합니다. 반응형 웹의 자세한 제작 방법이 궁금하시다면 아래의 포스트를 참고하세요. 반응형 웹(Respo eunyoe.tistory..
CSS ::before ::after 태그들 태그::before 해당 태그는 부모가 되고 before,after를 이용한것은 -> 자식이 됨 (인라인요소) 인라인 크기조절못함-> 내용에 맞춰서 크기가 결정 블럭이나 인라인블럭-> 기본 너비는 100%(부모에 따라 달라보일 수 있음) display:flex 시맨틱 태그(semantic) 기능은 없는데 의미는 있음 기능있음-h1,a,ing 기능없음- div,span -> -> -> MDN Web Docs (mozilla.org) MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sit..
포지션(Position) absolute fixed sticky 호버(hover) 예시 .loginWrap2 div a:hover { background-color: #03C75a; color: white; } 네비게이션 바 예시 (navigation) 네비게이션 바 만들기 HTML CSS JAVA JSP JavaScript .nav { list-style: none; } /* 아래 처럼 전체로 잡는것 보다 아래 두 번째 방법 처럼 구체적으로 하는게 좋다. a { text-decoration: none; } */ .nav li a { text-decoration: none; } .nav li { float: left; text-align: center; width: 10%; } 최상단으로 가는 법 hre..
박스사이징 box1 box2 #container { border: 1px solid black ; width: 300px; height: 300px; } .box1 { border: 10px solid red; width: 100px; } .box2 { border: 25px solid blue; width: 100px; } div { margin: 5px; padding: 5px; } 위 처럼 코드를 짜면 마진과 패딩을 맞춰도 길이가 달리짐 그래서 box-sizing 사용 #container { border: 1px solid black ; width: 300px; height: 300px; } .box1 { border: 10px solid red; width: 100px; box-sizing: bo..
국비지원 JAVA에 관심있으신 분이나 교육과정 어떤 걸 선택해야할 지 고민이라 들어오신분은 댓글 남겨주시면 제가 아는 한 상세히 설명드리겠습니다! CSS 인라인 스타일 시트 Hello CSS -> 태그 안에 직접넣는 방식 내부 스타일시트 p{ color: red; } 스타일태그를 추가시키는 방법 위차가 중요 css는 헤드 쪽에 입 직접 css 만들기 .css h3{ text-align: center; color: pink; background-color: antiquewhite; } Hello CSS CSS연습 이것저것 스타일 적용해보기 선택자(제일 중요!) 내가 원하는대로 정확하게 스타일 적용 타입 선택자: 직접 태그명을 써서 적용 전체 선택자: 모든 것을 동일 하게 적용 시킬떄 (*) 클래스선택자: ..