분류 전체보기

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