자바스크립트 - appencChild(), insertBefore() / 엘리먼트에 자식 노드 삽입하기

appendChild 부모객체.appendChild(삽입되는객체) 부모의 자식 엘리먼트들 중에 가장 마지막에 삽입됩니다. 순서를 지정할 수 없다. 순서가 중요할 시에는 주의가 필요 Element.appendChild(elementObj); insertBefore 자식 객체 중의 하나를 선택해서 앞에 붙여 넣을 수 있다. Element.inserBefore(elementObj, childElement) 자바스크립트 - insertBefore() 특정 위치에 앞에 노드 삽입 insertBefore() 부모노드의 기준 점 노드 앞에 삽입 할 노드를 삽입합니다. 내가 원하는 위치에 삽입 할 수 있습니다. 문법 부모노드.insertBefore(삽입 할 노드, 기준 점 노드); 기존 부모 노드에서도 굳 powerk..

• format_list_bulleted Develop/JavaScript
• · 2018. 12. 8.
• textsms

자바스크립트 - 부모 자식 element 찾기 parentNode, childNodes

Element.parentNode 객체의 부모 요소를 찾아 줍니다. 메서드가 아닌 속성이고 설정은 불가능합니다. var parentElement = elementObj.parentNode Element.childNodes 위의 메서드와 반대로 하위 엘리먼트를 찾는 방법 입니다. 읽기 전용입니다. 배열로 구성 부모는 하나지만 자식은 여럿을 둘 수 있습니다. 주의사항 하위 요소 뿐만아니라 일반적인 문자도 객체로 불러옴 하나의 공백 문자도 하나의 텍스트 노드로 인식 var childElements = elementObj.childNodes

• format_list_bulleted Develop/JavaScript
• · 2018. 12. 8.
• textsms

자바스크립트 Element 객체 가져오기 getElementById, getElementsByClassName, querySelector

자바스크립트에서 DOM 엘리먼트 객체를 구할 수 있는 방법 4가지를 소개해드리겠습니다. getElementById("id") ID 값을 통하여 자바스립트 객체를 가지고 올 수 있습니다. Red Blue const red = document.getElementById("red"); const blue = document.getElementById("blue"); red.style.color = "red"; blue.style.color = "blue"; 결과 getElementById 를 통하여 ID값을 호출하여서 CSS에서 폰트 색깔을 주었습니다. Red Blue getElementsByClassName("className") class 이름을 가진 모든 객체가 담긴 배열을 가져옵니다. Superman ..

• format_list_bulleted Develop/JavaScript
• · 2018. 12. 8.
• textsms

강남 맛집 튀김덮밥 텐동 나이스 샤워

안녕하세요.최근 백종원 골목식당에서 텐동집이 제2의 백종원으로 인정받아서텐동이 무슨 음식일까 너무 궁금해서 실제 방송에 나왔던 곳은 가보지 못하고근처에 있는 강남 텐동집을 찾아 갔습니다. 위치는 강남역 3번출구로 나와서 역삼역 쪽으로 위로 올라가면 되요.약 5분~7분 정도 걸어갔던 것으로 기억해요. 이 집은 큰 간판이 없고 자그마하게 나이스 샤워라고 적혀있네요.그냥 지나가다가 보면 뭐 파는 집인지는 잘 모르겠네요. 점심시간에 가면 웨이팅이 조금 있다는 소리에 11시 40분 쯤 도착했지만, 이미 2팀정도 먼저 대기하고 있습니다.약 15분정도 대기하고 들어갔어요. 다양한 텐동들이 있습니다.가격은 베이직텐동 9천원 사이드 메뉴와 음료도 있습니다.저는 가장 기본적인 베이직 텐동을 시켰습니다. 텐동을 기다리면서 ..

• format_list_bulleted 일상/맛집
• · 2018. 10. 31.
• textsms

[영도 카페]부산항 대교가 아름다운 카린 영도플레이스

안녕하세요 최근들어 흰여울 문화마을 절영 산책로 등으로 영도가 관광 아이템으로 자리 잡고 있는데요. 부산항 대교의 야경 뷰가 아주 좋은 카페를 소개 해 드리려고 합니다. 크게 간판으로 카린 영도 플레이스 적어두지 않게 작게 CARIN 적어 두었네요. 하지만 느낌상으로 저 곳이구나 하고 쉽게 눈에 띄였습니다. 가격은 저렴한 편은 아니지만, 아메리카노 5천원이면 엄청 비싼 것도 아니네요. 구매 가격에 따라 주차 할인을 받을 수 있습니다. 주차는 카린 영도플레이스 지정 주차장으로... 케익 한 조각 8500원... 다들 케익 많이 드시더라구요. 저도 한 번 먹어보았습니다. 주문하신 스윗루비 라떼와 바닐라 치즈 케익입니다. 요새는 정말 예쁜 카페가 많은 것 같아요. 카페 인테리어 작은 것 하나 하나 부터 호텔에..

• format_list_bulleted 일상/맛집
• · 2018. 9. 26.
• textsms

기장맛집 대게 만찬

기장 힐튼부산호텔 옆에 있는 대게만찬 핫한 음식집 대게만찬을 다녀왔습니다. 상차림비 5000원이에요그리고 대게를 먹은 후에 게딱지에 비벼먹을 알밥 5천원입니다. 먼저 가게에 입장하시면 대게를 먼저 구입하셔야 합니다~ 살아 있는 대게들이 수족관 안에 있습니다. 수족관 안에는 대게, 킹크랩, 랍스터 등등이 있어요. 대게 파시는 아저씨 분이 설명해주시네요.대게는 된장처럼 구수한 맛킹크랩은 버터처럼 부드러운 맛~ 1인당 1kg정도 먹으면 충분하다고 합니다.싯가 1kg 7~8만원 하네요 (2018년 9월 기준) 구입 한 대게와 킹크랩은 이렇게 깔끔한 곳에서 손질이 되나 봅니다.손질 하는 것을 직접 볼 수 도 있으니 더욱더 믿음이 갑니다. 상차림비 5천을 내고 자리에 앉습니다.가게가 엄청 깨끗하고 깔끔하군요. 대게..

• format_list_bulleted 일상/맛집
• · 2018. 9. 22.
• textsms

[JPA] 어플리케이션 CRUD 작성하기

CRUD Create : 입력 Read : 조회 Update : 수정 Delete : 삭제 1) Create 입력 - 객체를 저장하기 위해 EntityManager의 persist() 메서드를 사용한다. - JPA는 전달된 객체의 어노테이션을 분석하여 sql문을 생성하고 데이터베이스에 전달합니다. private static void insertLogic(EntityManager em) { Book book = new Book(); book.setNo(1L); book.setTitle("자바의 신"); book.setPrice(20000); //Save em.persist(book); } 2) Update - Update는 별다른 메서드 없이 클래스의 값 변경으로 update가 가능하다. private s..

• format_list_bulleted Develop/Java
• · 2018. 7. 17.
• textsms

JPA 어플리케이션 시작하기

JPA 어플리케이션 시작하기 123456789101112131415161718192021222324252627public class App { public static void main( String[] args ) { System.out.println( "Hello World!" ); EntityManagerFactory emf = Persistence.createEntityManagerFactory("jpabookmall02"); EntityManager em = emf.createEntityManager(); EntityTransaction tx = em.getTransaction(); tx.begin(); try { //Buiseness Logic } catch (Exception e) { e.p..

• format_list_bulleted Develop/Java
• · 2018. 7. 17.
• textsms

Java - Vo와 DTO의 차이점

VO (Value Object) / DTO(Data Transper Object) 공통점 데이터를 수집과 전달에 사용할 수 있다. 파라미터나 리턴 타입으로 사용하는 것이 가능합니다. 차이점 VO는 데이터베이스와 거리가 가깝다 -> 테이블 구조를 이용해서 작성되는 경우가 많다. DTO는 화면과 가깝다. -> 화면에서 전달되는 데이터를 수집하는 용도를 사용합니다. 스프링에서 DTO는 검증을 위한 처리에서 사용합니다. 스프링에서 Controller에 전달되는 데이터에 전달하는 기능이 있는데, 그 기능에서 DTO를 주로 사용합니다.

• format_list_bulleted Develop/Java
• · 2018. 7. 17.
• textsms

자바스크립트 | XMLHttpRequest, readyState

XMLHttpRequest : XMLHttpRequest 객체는 HTTP 클라이언트 인터페이스를 구현합다. : 폼 데이터를 보내거나 서버로 부터 데이터를 받아오는 기능을 수행합니다. 1. XMLHttpRequest 객체 생성1234567891011var httpRequest = null; function requestMsg(){ if(window.XMLHttpRequest){ httpRequest = new XMLHttpRequest(); //safari, firefox, chrome }else if(window.ActiveXObject){ httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); //exploer }else{ httpRequest = null; }..

• format_list_bulleted Develop/JavaScript
• · 2018. 6. 20.
• textsms