개발 공부 박스

Tip 5. 배열로 유연한 컬렉션을 생성하라 const team = [ 'Joe', 'Dyan', 'Bea', 'Theo', ]; function alphabetizeTeam(team) { return [...team].sort(); // ['Bea', 'Dyan', 'Joe', 'Theo'] } => 알파벳 순(오름차순)으로 정렬한 배열 const staff = [ { name: 'Wesley', position: 'musician', }, { name: 'Davis', position: 'engineer', }, ]; function getMusicians(staff) { return staff.filter(member => member.position === 'musician'); // [{name..

var deliveryNum = $('#deliveryState option:selected').val(); var deliveryName = $('#deliveryState option:selected').text(); => select 박스에서 체크가 되어있는 option 값을 id option:selected로 가져온다.

Tip3. 블록 유효 범위 변수로 정보를 격리하라 - 유효 범위를 따르는 변수를 선언한 경우 함수 내부 어디서든 접근 가능 - 호이스팅: 코드가 시작되기 전에 [변수, 함수 선언이 해당 스코프의 최상단]으로 끌어 올려지는 것을 말한다. helloWorld(); // Hello World! function helloWorld(){ console.log('Hello World!'); } => 함수 선언부는 컴파일 단계에서 메모리에 추가된다. 덕분에, 실제 함수 선언을 만나기 전에 함수에 접근할 수 있다. var a; console.log(a); // undefined var a = 3; => JS는 선언을 hoist하는 것이지 초기화를 hoist하지는 않는다. => 변수가 선언되기 전 변수를 사용하더라도 에..

1) 메모를 수정하는 기능 1-1) 클라이언트 function changeMemo(){ bootbox.confirm("해당 참고사항을 수정하시겠습니까?", function (result) { var modifyList = []; $('#replyTable tbody tr').each(function () { var memo = $(this).find('.memo').val(); var id = $(this).find('.receiptid').text(); var flag = $(this).find('.flag').is(':checked'); var dataList = {memo: memo, id: id, flag: flag}; modifyList.push(dataList); }) if (result ==..

1) 엑셀 다운로드 버튼 onclick 함수 2) 엑셀 다운로드 함수 function excelDownLoad(id, title) { bootbox.confirm("교환/반품 접수지를 엑셀로 다운 받으시겠습니까?", function (result) { if (result == true) { var tab_text = ''; tab_text = tab_text + ''; tab_text = tab_text + ""; //엑셀다운로드 시 저장될 테이블 지정하여 복사 var exportTable = $('#replyTable').clone(); exportTable.find('thead > tr th:nth-child(6)').remove(); exportTable.find('tbody tr td:nth-ch..

TIP 1. const로 변하지 않는 값을 표현하라 * const는 코드를 읽기 쉽게 만드는 제약사항을 가진다. - 블록의 문맥 내에서 재할당할 수 없는 변수 선언 - 의미: 값을 할당하고 변경하지 않겠다. 예시1) const taxRate = 0.1; const total = 100 + (100 * taxRate); return `구매 금액은 ${total}입니다.`; => 구매 금액으로 반환되는 값을 정확히 알 수 있다. total은 상수이며 재할당 할 수 없다는 것을 알 수 있기 때문이다. 예시2) const discountable = []; for (let i=0; i 변수를 재할당 할 수는 없지만 값은 바꿀 수 있다. const로 배열을 선언하였지만 여전히 배열 항목을 추가할 수 있다. 질문점)..

//1. jQeury 사용하여 best 상품평인 경우 음영 처리 $('#replyTable .best_Y').each(function (e) { // $(this).children('td:eq(0),td:eq(1),td:eq(4),td:eq(5),td:eq(6),td:eq(7),td:eq(8),td:eq(9),td:eq(10)').css("background","pink"); $(this).children('td').css("background","pink"); }); id가 replyTable인 것의 class가 best_Y인 것에 each문을 사용하여 반복한다. 반복할 내용: 자식 요소인 this.children('td') td 태그 안에 css를 넣는다. //2. 작은따옴표로 시작하면 중간에 작은따..

mapper.xml(쿼리문) -> mapper.java(@Param) -> service.java(mapper 주입 받아서 메서드 생성) -> controller.java(@RequestParam, service 주입 받아서 메서드 생성) -> jsp에 modelObject 출력