본문 바로가기

웹 개발/소소한 팁, 버그 해결18

[VS Code] 갑자기 주석 단축키(ctrl + /)가 안 될 때 [Android Studio] VS Code나 Android Studio를 사용할 때 갑자기 주석 단축키(ctrl + /)가 안 먹을 때가 있다.기존에는 잘 됐는데 갑자기 이상해졌을 경우, 한국어 입력기가 어느 순간 한컴 입력기로 설정되어서다.ctrl 키를 누른 상태에서 shift 키를 눌렀다가 떼면 아래 사진처럼 한국어 입력기를 선택할 수 있는 창이 뜬다.여기서 Microsoft 입력기를 선택하면 주석 단축키가 잘 입력되는 것을 확인할 수 있다! 끗~ 웹 개발/소소한 팁, 버그 해결2025. 5. 11.
[Microsoft PowerToys] 윈도우에서 키보드를 사용할 때 맥북 키 조합으로 변경하는 방법 [Key Remapping] 개발자-특히 앱 개발자-는 윈도우와 맥을 왔다갔다 하는 경우가 많을 것이다.나는 디자인도 같이 하는 입장에서 개인적으로 맥이 개발하기 더 좋다고 생각하는데, 윈도우도 필요한 경우가 있다(사실 많다).그래서 한 모니터에 맥(hdmi)과 윈도우(c타입)을 연결하여 전환해가며 사용한다.그리고 각각 볼트 수신기를 끼워 마우스랑 키보드를 전환해가며 사용하는데, 맥과 윈도우의 일부 키(Caps Lock/한영키, ctrl/cmd 등)가 달라 전환할 때마다 헷갈린다.사실 주력으로 쓰는 게 있으면 다른 걸 쓸 때 불편한 걸 살짝 감수하면 되는데, 그러기엔 하나에 익숙해질 때즈음 다른 컴퓨터를 만져야 해서 항상 불편한 상태가 되었다.이 문제를 해결하기 위해 윈도우 키를 맥 키 조합으로 바꾸든, 아니면 맥 키를 윈도우 키 .. 웹 개발/소소한 팁, 버그 해결2025. 5. 1.
[CSS] 이미지 위에 gradient 넣기 + 틈 없애기 다음 페이지로의 자연스러운 전환이나, 이미지 스크롤러의 양 끝에 자연스럽게 이미지가 사라지는 효과를 위해 background를 gradient로 설정한 div 태그 등을 넣기도 한다. 이때, graident 컴포넌트가 생기기는 하는데 이미지 뒤에 있는 경우에는 z 값 조정 대신 position 속성을 absolute로 설정하면 해결된다.아래는 예시 코드. (나는 tailwind css 사용 중이라 아래처럼 입력했다).gradient-edge { @apply absolute inset-0 left-0 right-0 top-0 bottom-0; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0.00) 25.. 웹 개발/소소한 팁, 버그 해결2024. 11. 22.
[Next.js] 설치된 패키지 삭제 / npm uninstall // unscoped packagenpm uninstall // scoped packagenpm uninstall  더 자세한 내용은 아래의 공식 문서를 참고하자. Uninstalling packages and dependencies | npm DocsDocumentation for the npm registry, website, and command-line interfacedocs.npmjs.com 끗~ 웹 개발/소소한 팁, 버그 해결2024. 6. 2.
[Next.js][React] 숫자 3자리마다 , 찍기 var n = 1234567890;String(n).replace(/(.)(?=(\d{3})+$)/g,'$1,')// "1,234,567,890" 웹 개발/소소한 팁, 버그 해결2024. 5. 8.
[Next.js 14] Link나 a 태그 없이 외부 링크로 연결하기 Link나 a 태그 없이 웹 내부의 다른 페이지로 가기 위해서 next/navigation의 useRouter()을 이용하면 된다. const router = useRouter(); router.push('/main'); 이때 기타 옵션을 정해줄 수도 있지만 일단 넘어가고, 외부 링크로 연결하는 경우를 살펴보자. 일반적으로 Link나 a 태그의 href 속성으로 외부 링크를 입력해주면 되는데, 개발하다보면 button의 onClick에 연결해야 하는 등의 상황이 있다. 그럴 땐 window.open()을 사용하자. window.open("https://www.google.com")} /> 끗~ 웹 개발/소소한 팁, 버그 해결2024. 3. 24.

티스토리툴바