React Native와 Flutter 비교
2023. 1. 18. 20:04
프로그래밍/React Native
React Native와 Flutter 비교 대표적인 크로스 플랫폼 개발 프레임 워크인 React Native와 Flutter를 비교해보자 React Native vs Flutter 언어 React Native는 React를 사용. React는 JavaScript기반의 React문법을 사용함 Flutter는 JS를 대신하기 위하여 구글에서 개발한 Dart라는 언어를 사용 React Native Flutter JavaScript 기반 React 문법 Dart 개발 Tool React Native와 Flutter 모두 Android Studio를 사용하여 개발이 가능 React Native는 XCode로도 사용이 가능하지만, Flutter는 구글에서 만들었기 때문에 그런지 XCode는 지원하지 않음 그외 다..
[Windows] taskkill error 프로세스를 종료할 수 없습니다 해결
2023. 1. 17. 20:56
OS/Windows
포트를 죽이려고 할때 액세스가 거부되어 종료 할 수 없는 경우 해결 CMD 실행 시 관리자 모드로 실행하기 관리자 모드로 실행했는데도 위와 같은 오류 메시지가 뜬다면 안전모드로 부팅하면 됨 사실 이것 때문에 블로그를 작성하게 됐음 안전모드로 부팅하는 방법 1. windows키 + R 로 실행창 열기 2. msconfig 입력 3. 부팅 탭 클릭 > 부팅 옵션의 안전 부팅 체크 > 확인 안전모드로 부팅한 후 다시 안전 부팅 옵션을 없애주고 부팅해주기 부팅 후 포트 확인을 해보면 포트가 죽어있거나 pid가 바뀌어 있을 것임 (포트 확인 방법) 포트가 죽지 않고 바뀐 pid가 있다면 taskkill /f /pid pid번호 명령을 통해 포트를 죽일 수 있음 포트 확인 방법 또는 taskkill 방법이 궁금하다..
[JavaScript] 자바스크립트 !! 연산자
2023. 1. 16. 20:02
프로그래밍/JavaScript
!! 연산자 다른 타입의 데이터를 boolean 타입으로 명시적으로 형 변환하기 위해 사용 조건문 예시 if("test")// true if(!"test")// false if(!!"test")// true if("")// false if(!"")// true if(!!"")// false if(null)// false if(!null)// true if(!!null)// false if(true)// true if(!true)// false if(!!true)// true 자바스크립트는 조건문에서 비교 시 자동으로 boolean 타입으로 변환을 해주기에 예시에서 보듯 !! 연산자가 조건문에서는 큰 의미가 없음
[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..