분류 전체보기

[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..