전체 글32 [CSS]Flexbox Froggy 소개 및 정답 - CSS 코드 게임 🐸 Flexbox Froggy 소개 CSS의 flexbox 속성을 공부할 때 자주 했던 게임이다. 귀염뽀짝한 개구리와 함께 flexbox 속성을 연습할 수 있다! 아래는 Flexbox Froggy 한국어버전 링크이다. https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 💡 Flexbox Froggy 정답 1 justify-content: flex-end; 2 justify-content: center; 3 justify-content: space-around; 4 justify-content: space-between; 5 align-items: flex-end; 6 justify-con.. 2024. 1. 8. [MSSQL] ISNULL과 NULLIF ISNULL과 NULLIF 💡 ISNULL - NULL을 지정된 대체 값으로 바꿈. ISNULL(A, B) : A가 NULL일경우 B를 출력 SELECT ISNULL(NULL, 5) AS A_NULL, ISNULL(4, 5) AS A_NOT_NULL; https://learn.microsoft.com/ko-kr/sql/t-sql/functions/isnull-transact-sql?view=sql-server-ver16 ISNULL(Transact-SQL) - SQL Server ISNULL(Transact-SQL) learn.microsoft.com 💡 NULLIF - 지정된 두 식이 같으면 NULL값을 반환. NULLIF(A, B) : A, B가 같으면 NULL값을, 같지 않으면 A를 반환 SELEC.. 2024. 1. 6. [JAVA]오버로딩(overloading)과 오버라이딩(overriding) 오버로딩(overloading)과 오버라이딩(overriding) 💡오버로딩(overloading) • 하나의 클래스 내부에서 확장 • 메소드 이름은 동일해야 함 • 매개변수의 개수 또는 타입이 달라야 함 • 리턴 타입은 자유로움 • 매개변수는 같고 리턴 타입이 다르면 성립하지 않음 💡오버라이딩(overriding) • 부모 클래스로부터 상속받은 메소드를 자식 클래스에서 재정의 • 메소드의 동작만을 재정의 • 메소드의 이름, 매개변수, 리턴값이 모두 일치해야 함 • 접근 제어자를 더 좁은 범위로 변경할 수 없음 💡오버로딩(overloading)과 오버라이딩(overriding)의 차이점 오버로딩(overloading)은 새로운 메소드의 정의하는 것이고, 오버라이딩(overriding)은 상속받은 기존의 .. 2024. 1. 5. [Vue.js] Vue warn 자주 발생하는 경우와 해결 법 기능은 정상적으로 실행이 되는데 콘솔창에 들어가보면 위와 같이 [Vue warn]이 발생하는 경우가 종종 있다. 오늘 Vue warn을 발견한 김에 지금까지 개발하면서 Vue warn 발생했던 경우를 정리해 보려고 한다. 기능상의 문제가 없어도 속도나 가독성, 원활한 유지보수 등을 위해 꼭 잡아줘야 한다. 1. 선언해 놓고 사용하지 않은 변수 또는 함수가 있는 경우 위에 예시로 올려 둔 사진이 1번 경우의 예시이다. 이런 경우에는 친절하게 어떤 변수나 함수가 사용되고 있지 않은지 알려주기 때문에 후다닥 달려가서 삭제 또는 주석처리를 해준다. 2. Sass파일에서 주석 처리된 속성이 중간 또는 아래 줄에 존재할 경우 위와 같은 경우에도 Vue warn이 발생한다. 이런 경우에는 주석 처리된 속성을 맨 위로.. 2024. 1. 3. [Java] java.lang.NullPointerException(feat. null과 isEmpty()) 공통 다국어 기능을 추가하는 중에 에러가 발생했다. 다국어 메인화면과 다국어 팝업이 같은 저장 메서드를 타고 있었는데, 다국어 메인화면에만 기능이 추가되면서 다국어 팝업 저장 쪽에서 발생한 에러이다. 초반 해결 다국어 메인화면쪽에서 백단으로 보내는 리스트가 하나 추가되었기 때문에 다국어 팝업쪽에서 올 때는 null 리스트를 건너뛰는 조건문을 걸어주면 될거라 생각했다. if(!list2.isEmpty() || list2 != null) { Iterator tooltipIter = list2.iterator(); ... } 컨트롤러 단에선 에러없이 넘어온 상황이어서 위와 같이 코드를 작성하면, null인 경우에는 해당 조건문의 로직을 타지 않고 빠져나갈 줄 알았다. 하지만 NullPointerExceptio.. 2023. 12. 28. [JavaScript] 이미지 랜덤 출력(Math.Random() - 랜덤 함수) 게시글 작성 목록의 사용자 아이콘이 하나의 색상으로 통일되어있는게 왠지 예쁘지가 않았다. 그래서 색상만 다른 아이콘을 두개 더 집어 넣고 랜덤하게 아이콘을 출력하는 코드를 짜 보았다. (javaScript기반의 Quasar 프레임워크를 사용하고 있다.) data () { return { userImg: '' } } 우선 문자열 형식으로 변수 선언을 해주고 사용할 HTML 요소에 변수 바인딩을 해주었다. (반복문으로 게시글을 하나씩 출력하는 구조이다.) Math.Random() userRandomImg () { const randomNum = Math.floor(Math.random() * 3) if (randomNum === 0) { this.userImg = 'img:icons/chat-profile-.. 2023. 12. 22. 이전 1 2 3 4 5 6 다음 728x90
