[JavaScript] JSON.stringify()
2023. 1. 13. 20:55
프로그래밍/JavaScript
JSON.stringify() JavaScript 값이나 객체를 JSON 문자열로 변환함 console.log(JSON.stringify({ x: 5, y: 6 })); // expected output: "{"x":5,"y":6}" console.log(JSON.stringify([new Number(3), new String('false'), new Boolean(false)])); // expected output: "[3,"false",false]" console.log(JSON.stringify({ x: [10, undefined, function(){}, Symbol('')] })); // expected output: "{"x":[10,null,null,null]}" console.log(J..
[JavaScript] JSON.parse()
2023. 1. 12. 20:42
프로그래밍/JavaScript
JSON.parse() JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성함 const json = '{"result":true, "count":42}'; const obj = JSON.parse(json); console.log(obj.count); // expected output: 42 console.log(obj.result); // expected output: true 매개변수 JSON으로 변환할 문자열 반환 값 JSON 문자열에 대응하는 Object 예제 JSON.parse('{}'); // {} JSON.parse('true'); // true JSON.parse('"foo"'); // "foo" JSON.parse('[1, 5, "false"]'); /..
[CSS] 하이브리드 앱 CSS
2023. 1. 11. 20:49
프로그래밍/CSS
하이브리드 앱 css 팝업창 띄우는데 하이브리드 앱이다 보니 웹/앱에서 일정 사이즈로 나오도록 사이즈를 조정해야했음 사이즈는 아래처럼 vh를 사용하고 width : 10vh; 위치의 경우 가운데로 가게 하고 싶다면 top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); 요렇게 설정해서 위치를 조정함
[JPA] ORM이란, JPA 사용 이유?
2023. 1. 10. 20:15
프로그래밍/JPA
ORM이란? ORM이란 객체와 DB의 테이블이 매핑을 이루는 것을 말함 (Java 진영에 국한된 기술이 아님) 즉, 객체가 테이블이 되도록 매핑 시켜주는 것 ORM을 이용하면 SQL Query가 아닌 직관적인 코드(메서드)로서 데이터를 조작할 수 있음 예를들어, User 테이블의 데이터를 출력하기 위해서 MySQL에서는 SELECT * FROM user; 라는 query를 실행해야 하지만, ORM을 사용하면 User 테이블과 매핑된 객체를 user라 할 때, user.findAll() 라는 메서드 호출로 데이터 조회가 가능 query를 직접 작성하지 않고 메서드 호출만으로 query가 수행되다 보니, ORM을 사용하면 생산성이 매우 높아짐 그러나 query가 복잡해지면 ORM으로 표현하는데 한계가 있고,..
[JavaScript] 팝업 띄우기
2023. 1. 9. 20:52
프로그래밍/JavaScript
팝업 띄우기 오늘 그만보기 기능을 추가하여 간단한 팝업을 만들어봄 팝업 html 👇 오늘 그만보기 닫기 해당 경로에 이미지 추가 필요 팝업 js 👇 // 팝업 다시보지 않기 $("#check").click(function () { if ( document.pop_form.chkbox.checked ){ setCookie( "mainPopup", "done" , 1 ); } $(".layerPopup").addClass("hide"); }); // 쿠키 세팅 function setCookie( name, value, expireDays ) { const todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expireDays ); documen..
[Java] equals와 == 차이점
2023. 1. 6. 20:18
프로그래밍/JAVA
equals와 == 차이점 == 연산자로 객체 참조가 같은지 비교 대상의 주소값을 비교 equals() 메소드로 객체의 값을 비교 대상의 내용 자체를 비교 예제 String test1 = "test"; String test2 = test1;// test1과 주소값 같음 String test3 = new String("test"); System.out.println(test1==test2);// true System.out.println(test1==test3);// false System.out.println(test1.equals(test2));// true System.out.println(test1.equals(test3));// true 참고 Call By Value는 기본적으로 대상에 주소값을 ..
[Java] Enum 사용법
2023. 1. 5. 20:37
프로그래밍/JAVA
Enum 사용법 Java Enum 타입은 일정 개수의 상수 값을 정의하고, 그 외의 값은 허용하지 않음 과거에는 특정 상수값을 사용하기 위해선 모두 상수로 선언해서 사용했음 public static final String MON = "Monday"; public static final String TUE = "Tuesday"; public static final String WED = "Wednesday"; 이렇게 사용하면 개발자가 실수하기도 쉽고 한눈에 알아보기도 쉽지 않음 또한 관련있는 값들끼리 묶으려면 접두어를 사용해서 점점 변수명도 지저분해짐 Enum 클래스는 이러한 문제점을 말끔히 해결해주는 굉장히 유용한 클래스입니다. 정의 public enum Day { MON, TUE, WED, THU, F..
[JavaScript] if문 없애기
2023. 1. 3. 20:24
프로그래밍/JavaScript
if문 제거하기 중복된 if 조건들은 변경사항이 발생하면 프로젝트내에 모두 찾기하여 일일이 수정해야 하기 때문에 좋은 코드가 아님 이를 개선해보자 1. 개선 전 코드 function executePayment(paymentType) { if(paymentTpye === "KAKAO") { return "카카오 결제 처리" } else if(paymentType === "NAVER") { return "네이버 결제 처리" } else if(paymentType === "COUPANG") { return "쿠팡 결제 처리" } else if(paymentType === "PAYCO") { return "페이코 결제 처리" } else if(paymentType === "APPLE") { return "애플 ..