분류 전체보기 (131) 썸네일형 리스트형 나이키 조던 11 그래티튜드 CT8012-170 쇼크 드로우 구매 후기 !! 오전 9시 50분 나이키 SNKRS 앱에서 알림이 왔다 정식발매 이전, 조던 11 그래티튜드를 쇼크드로우 한다는 알람 ! 신발 어린이인 나는 당연히 조던 11 시리즈가 한 켤레도 없었고, 소장이라도 하자는 마인드로 주문했다. 10시가 되자마자 바로 주문했고 성공했다 !! 5일에 주문했는데 6일에 바로 배송받았다.. 허겁지겁 집 문앞에 도착했더니 커다란 나이키 박스가 도착해있는데, 내가 375를 주문했나 싶을 정도로 큰 박스에 포장해주더라 일단 집으로 들여보내서 사진부터 찍었다 ㅎㅎ 오오 조던... 사실 나는 조던 하이를 신어본 적이 없다. 여기저기서 주워들은 지식을 토대로 1사이즈업으로 구매했다. (저는 발볼이 넓습니다) 소장해두더라도 언젠가 신을테니까 끈이 두껍고 양 옆 가죽 부분이 두꺼워서 신어보진 .. [Vue3] Composition API 환경 컴포넌트 간 이벤트 전달하기 Vue3 환경에서 서로 다른 컴포넌트 간의 이벤트를 전달하기 위해 사용했던 방법이다. 사용 이유 나의 경우에는 상단의 알림 다이얼로그에서 보여지는 알람들 중, 읽지 않은 것은 별도의 표시를 해주고 있다. 또한 알림 리스트 페이지를 따로 구현해서 전체 알림을 조회할 수 있는 페이지가 별도로 구현되어있었는데, 다이얼로그에서 알림을 클릭해 상세 페이지로 이동할 때에는 문제가 없었지만, 리스트 페이지에서 상세페이지로 이동했을 때, 알림 다이얼로그 페이지는 별도의 페이지로 구현되어 있기 때문에, 해당 이벤트를 인지할 수 없어서 reactive하게 알림 다이얼로그 데이터를 최신화할 수없었다. 요약 주체가 알림 다이얼로그 페이지일 때, 알림 다이얼로그 -> 상세 페이지 인지 가능 알림 리스트 페이지 -> 상세 페이지.. [Vue] 페이지 이동 시 Router state로 객체 전달하기 Vue3 이후, this 및 $router 등에 접근할 수 없음에 따라 useRouter를 사용해서 페이지 전환을 한다. https://router.vuejs.kr/guide/advanced/composition-api.html Vue Router | Vue.js의 공식 라우터 Vue 3에 필요한 최신 공식 라우터 router.vuejs.kr 보통 페이지 전환 시, URL을 통해 넘길 파라미터를 주고 받는다. 하지만 URL에 노출하고 싶지 않은 파라미터나 데이터타입이 객체인 데이터를 주고 받을 때, useRouter 내부 state 에 접근하여 객체를 주고 받으면 된다. params 또는 query로 데이터를 주고 받을 때는 다음과 같이 데이터가 URL에 남는다. 메인.vue 메인 페이지 상세페이지 객체.. [RDB MariaDB] 자주 실수하는 쿼리 오류들 모음 통계 데이터 추출을 위한 쿼리를 작성하거나 기능 개발을 위한 동적쿼리를 작성하는 등 데이터베이스 쿼리문을 개발할 때는 집중력이 점점 흐려진다... 뻔히 보이는 오류임에도 뇌를 고생시키다보면 보이던 것도 보이지 않고, 알던 것도 모르게 된다. 해당 포스팅에서 집중력이 흐려질 때 볼 수 있는 쿼리 오류를 정리한다. 1. SQL 오류 (1054): Unknown column 'A.CODE' in 'field list' SELECT A.CODE, -- B.CODE 로 변경해야 함 A.ID, A.CODE_ID_NM FROM code A, code_detail B WHERE A.ID = B.ID; SELECT update_date-- 서브쿼리에서 조회하고 있지 않은 컬럼 FROM ( SELECT ID,name,is.. [Vue] [Vue warn]: Component inside <Transition> renders non-element root node that cannot be animated. 에러 해결 방법 Vue 프레임워크로 프론트엔드 및 퍼블리싱 작업을 진행할 때, 많이 볼 수 있는 경고 메세지다. Vue의 template 안에는 하나의 root 엘리먼트만 존재해야 한다. root element 밖에 어떠한 엘리먼트가 존재하면 발생하는 경고 메세지로, 간단하게 수정할 수 있다. 다음과 같이 소스를 수정해주면 된다. ▼ warning warning 메세지 보고싶다..... good life ... ... ... ▼ 처리 warning 메세지가 안보인다..... good life ... ... ... [JAVA] JAVA 8 구현 인터페이스 CompletableFuture를 통해 비동기 처리하기 백엔드 로직의 모든 부분을 동기 방식으로 처리하게 되면, 해당 결과가 도출될 때까지 무한정 대기해야한다. 심지어 처리한 로직 부분이 대규모 트래픽을 다루는 API라면 스레드 설정에 따라 Exception을 내뱉거나 스레드 락에 걸릴 수 있다. 위 이미지에서 보듯이, 동기적으로 데이터를 처리할 때는 1~4번의 스레드가 순차적으로 처리되며 작업이 종료되어야 다음 스레드의 처리 순서가 온다. 하지만, 요청된 결과를 받기 전에 다음 처리를 할 수 있는 비동기 처리를 통해 로직을 개선할 수 있다. JAVA 8 버전 이하에서는 [ Future ] 라는 내장 인터페이스를 통해 비동기 처리를 지원했는데, 해당 인터페이스를 이용해서 구현하려면 스레드의 맥스 타임아웃을 설정하거나 구현 인터페이스 내에서 Exception을.. [MariaDB] SQL 오류 (1242): Subquery returns more than 1 row 해당 오류는 이름 그대로 서브쿼리에서 두 건 이상의 레코드가 조회될 때, 해당 오류가 발생한다. 대부분의 경우에 SELECT 절 또는 WHERE 절에서 서브쿼리를 사용했을 때, 해당 오류가 발생한다. 보통은 쿼리를 분석하다보면 쉽게 찾을 수 있는데, IN 절이나 GROUP_CONCAT 함수처럼 여러 값이 입력될 수 있는 구문에서 발생하는 오류는 찾기 어려울 수 있다. 다음은 해당 오류가 발생되는 예제다. ▼1 SELECT절에서 발생되는 오류 SELECT ( SELECT X.ID FROM COM_STUDENT X WHERE X.GROUP = "MATH" AND X.USE='Y'---> ERROR 1242 ) , B.SUBJECT_NAME FROM COM_STUDENT A, COM_STUDENT_SUBJEC.. [Vue] 라디오 버튼 형식의 체크박스 기능 개발하기 체크박스를 라디오버튼처럼 여러 체크박스 중 한가지를 선택할 수 있는 기능을 만들어보려고 한다. 필요해서 만들긴 했지만, Vue를 공부한지 얼마 되지 않아서 이렇게 만드는게 맞는지 싶다. ▶소스코드 const option1 = ref(1); const option2 = ref(2); const option3 = ref(3); const option4 = ref(4); const settings = (type) => { console.log(type + "번 클릭 "); } const emit = defineEmits(['update:selectedCheckbox']) watch(chooseOption, () => { emit('update:selectedCheckbox', chooseOption.value.. 이전 1 2 3 4 ··· 17 다음
