전체 글

[JAVA] Set과 Map의 차이

HashSet key없이 value만 들어감 TreeSet hashSet처럼 value만 들어가면서 이진트리구조로 자동정렬 Set과 Map의 차이 Set은 value만 들어가는 반면, Map은 key와 value가 같이 들어감

[Android Studio] 안드로이드 스튜디오 설치하기 (23.07 Flamingo)

Android Studio 설치 https://developer.android.com/studio Download Android Studio & App Tools - Android Developers Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today. developer.android.com windows는 바로 초록색 버튼을 누른다. mac은 아래로 스크롤하면 다운받을 수 있다. 클릭하면 이용약관 창이 뜨고, 아래로 스크롤해서 체크 후 버튼을 눌러준다. 안드로이드 설치파일이 다운로드가 되면 실행한다...

[html] <video> 태그 자동 재생

웹 브라우저에서 video를 자동재생하려면 autoplay 속성이 있어야 한다. 그래서 가볍게 autoplay와 controls 속성만 줬는데, HTML 삽입 미리보기할 수 없는 소스 보이는 것 같이 자동재생이 되지 않는다.. //왜 될까..?💦 이게 무슨 문제인고 하니, Chrome에서 사용자들이 원치않는 리소스를 받지않도록 2018년 4월부터 다음과 같이 자동재생 정책이 바뀌었다고 한다. 음소거 된 자동재생 허용 다음과 같은 경우, 소리와 함께 자동재생 허용 사용자가 도메인과 클릭, 탭 등의 상호작용 사용자가 이전에 소리와 함께 비디오를 재생한 적이 있음(미디어 참여지수가 높음) 사용자가 모바일의 홈 화면에 사이트를 추가했거나 데스크톱에 PWA를 설치함 자동 재생 권한을 iframe에 위임하여 소리와..

[Linux] Virtual Box에서 Ubuntu Terminal 안 열림

Virtual Box에 Ubuntu를 깔고 열려있는 포트를 확인하기 위해 Terminal을 열었는데, 안열린다. 해결 방법을 찾아보던 중, 아주 간단한 방법을 찾았다. 1. Settings > Language and Region 에서 English(Canada) 선택 2. 로그아웃 후 재로그인 까지 하면 Terminal이 잘 열린다. 참고: https://code-lab1.tistory.com/309

[CSS] 텍스트 길면 ... 표시하기

쇼핑몰 상품리스트를 만들 때, 상품명 길이를 처리하다가 정리하는 포스팅이다. 상품명이 길면 상품박스의 높이에 영향을 주지 않도록, overflow: hidden처리를 한다. 만약 상품명이 다음과 같이 일정한 길이라면 상관없겠지만, HTML 삽입 미리보기할 수 없는 소스 다음과 같이 들쑥날쑥하다면 보기에 안좋으니 처리를 해줘야하겠지..🍴 사실 상품명의 길이가 어떻게 될 지 모르니 뭐가 됐든 처리를 해주는 편이 낫겠다. HTML 삽입 미리보기할 수 없는 소스 .prdtBox .prdtName{ overflow: hidden; // 영역 벗어나면 숨기기 white-space: nowrap; // 줄바꿈 지정 text-overflow: ellipsis; // 영역 벗어나면 '...'로 표시 } HTML 삽입 미..

[VM Virtual Box] Windows에서 Virtual Box로 Ubuntu사용하기

학생 시절, 터미널을 사용하는 것, 운영체제쪽은 절대절대네버 안하겠다고 다짐하며 꿋꿋이 피해왔던 Linux.. 결국.. Ubuntu를 써보게됐다.^^.. 역시 뭐든 경험해놓으면 쓸모가 있을 것이라는걸 또 다시 느꼈다. 다음엔 아무리 하기 싫고 배우기 싫어도 '그래도 해야지 어떡해'라는 마음가짐으로 충실히 머리 속에 우겨넣겠다는 다짐을 해본다.. 1. Ubuntu 설치하기 https://ubuntu.com/download/desktop Download Ubuntu Desktop | Download | Ubuntu Ubuntu is an open source software operating system that runs from the desktop, to the cloud, to all your inte..

[CSS] border 안쪽으로 주기 box-shadow

모바일 웹 개발 중에, '내비게이션에 마우스 올리면 아래쪽에 두껍게 흰색 선 넣어주세요~~'라는 요청을 받았다. 불편하게 PC에서 모바일 웹을 볼 일이 있나 싶지만.. 어려운 일이 아니기 때문에 해놓기로 한다. 보통 아래쪽에 흰색 선이라고 하면 border-bottom을 생각하기 쉽지만, 다른 메뉴들과 라인을 맞춰주면서 해당 컴포넌트 안쪽으로 선을 넣어줘야 하기 때문에 box-shadow의 inset 속성을 사용한다. .menu-btn:hover { color: #c09e16; background-color: #dce255e0; border-color: #dce255e0; font-weight: bold; box-shadow: 0px -3px 0 0 #c09e16 inset; } 속성은 {두께(우,하,좌..

[IntelliJ] IntelliJ IDEA 다운로드 및 설치하여 사용하기

언젠가 인스타 스토리에 eclipse 속도의 문제성을 올리면서 친구에게 IntelliJ를 추천받은 적이 있다. 확실히 쓰기 편하고 효율적이며, 무엇보다 속도 문제로 혈압 오를 일이 없을 것 같았다. 현재 회사는 혼자 IntelliJ를 사용해도 될지 몰라서 미루고 있었는데, 운이 좋게도 eclipse에서 IntelliJ로 바꿀 수 있는 기회가 왔다. 1. IntelliJ IDEA 다운로드 https://www.jetbrains.com/idea/ IntelliJ IDEA – the Leading Java and Kotlin IDE IntelliJ IDEA is undoubtedly the top-choice IDE for software developers. It makes Java and Kotlin de..

[자격증] SQLD-2. 두번째 시험합격!

2023.06.13 - [개발일기] - [자격증] SQLD-1. 두번째 시험응시까지.. SQLD 합격후기 저번 포스팅 맨 마지막에 '합격후기'로 돌아오겠다 했는데, 그 말을 지킬 수 있게 되었다.ꉂꉂ(ᵔᗜᵔ*)✌✌ 사전점수 발표가 6월 30일 16시라 땡 하고 들어갔더니만 내 앞에 대기자가 1000 몇 명이 있다는 알림이 떴다. 역시 한국사람덜~ 하지만 그 뒤로 보이는 '합격예정'!! 사실 앞 포스팅에서도 말했듯, 시험문제가 쉬웠고 푸는 것 또한 술술 넘어갔기 때문에 잘하면 한 70점 중 후반 정도는 되겠다는 점수에 대한 기대감이 있었는데 세상에 70점은 무슨 겨우 2점 턱걸이로 합격을 했더랬다. 대체 어디서 틀린 건지 물어보고 싶지만, 친절하게 답안확인까지 해줬던 건 고등학교까지만.. 역시 학생 때가 ..

[PHP] VS Code로 PHP시작하기

📕 Visual Studio Code에서 PHP준비하기 (Extensions&Shortcut&기초문법) Visual Studio Code를 통해 php공부를 해보려 합니다. 가장 좋은 점은 Github와 연결이 된다는거죠😊 Github공부도 할 겸 Visual Studio Code로 PHP를 시작해보기로 하겠습니다. 📌 Extensions 먼저 PHP를 사용할 때 편리하게 코딩을 도와주는 extension들을 설치해줍니다. PHP IntelliSense PHP를 위한 고급 자동완성 및 리팩토링 지원 File > Preferences > Settings "php.validate.executablePath" : "C:/설치한 폴더/php.exe", "php.validate.run" : "onType", "p..

[PHP] Windows에 PHP7 설치하기

Apache 2.4 설치 apachelounge.com/download/ PHP7 설치 https://windows.php.net/download/ PHP8.0이 최신버전이지만 마루타가 될 수 있으므로 좀 더 밑으로 내려서 PHP7.4 Thread Safe ZIP파일을 다운받습니다.

[Javascript] 배열에서 교집합, 차집합, 배타적논리합 구하기

두 개 이상의 배열에서 차집합, 교집합, 배타적 논리합 등의 계산을 해야 할 때가 있다. let array1 = [3,6,9,12]; let array2 = [2,4,6,8,10,12]; 다음과 같은 array1, array2가 있다고 가정합니다. # 차집합 array1.filter(x => !array2.includes(x)); filter함수에서 array2에 포함되지 않은 값을 필터링하여 차집합을 구할 수 있다. # 교집합 array1.filter(x => array2.includes(x)); filter함수에서 array2에 포함된 값을 필터링하여 교집합을 구할 수 있다. # 배타적 논리합 array1.filter(x => !array2.includes(x)) .concat(array2.filte..