목록분류 전체보기 (186)

계발하는 개발자

[Material-UI] 아이콘 사용하기

Material UI는 현재 가장 많이 쓰이는 React UI 컴포넌트 라이브러리다. 페이지 디자인할때 이미 잘 만들어진 ui 라이브러리를 가져다쓰면 빠르게 웹페이지를 설계할 수 있는데, 그런 의미에서 MUI(Material UI)는 이전에 썼던 부트스트랩보다 다양한 디자인 요소를 가지고 있어 좋았다. 현재 @mui/icons-material 패키지를 통해서 1,000 여종의 SVG 아이콘을 제공하고 있다. 패키지 설치 Material UI는 core, system, utils, icons 이렇게 여러 개의 패키지로 구성되어 있다. 여기서는 아이콘만을 사용할 것이므로 @mui/icons-material 패키지로 받아주겠다. (각 패키지에 따른 차이는 다음과 같다.) 더보기 1. @mui/core: Mat..
👟 Etc 2023. 10. 12. 00:28
[ec2 인스턴스 연결 에러] "No such file or directory" 에러 해결법

에러 위 SSH 키를 복사해서 ec2 인스턴스에 접속하려고 하니까 아래같은 에러가 났다. 원인 pem키 저장 경로를 찾을 수 없어서 발생한 에러였다. ssh -i "pem키 저장경로\파일명" ubuntu@퍼블릭 ipv4 주소 형식으로 입력해야 하는데 저장 경로없이 파일명만 덜렁 적어서 경로를 못 찾는거였다. 해결 나는 문서에 pem 파일을 저장해놨기 때문에 절대경로로 파일 저장위치를 다시 입력해주니 경로 에러가 해결되었다. "Welcome to Ubuntu 22.04.2 LTS-"라는 메시지가 나오면 Ubuntu 인스턴스로 접속한 것이다.
❗️Error 2023. 10. 11. 01:30
[Vue + Kakao map API] 쇼핑몰 프로젝트 - 카카오맵 API 연동으로 웹에 지도 및 마커 표시하기

카카오 맵 API를 사용하기 위해 우선 아래 사이트에 내 앱을 등록해야 한다. 1. 카카오 개발자 사이트 접속 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. '내 애플리케이션' 클릭 후 계정 로그인 3. '애플리케이션 추가하기' 클릭 4. '앱 아이콘' - '앱 이름' - '사업자명' 입력 후 '운영정책 동의' 체크 ※ 미리 앱을 등록한 관계로 아래 앱 등록 과정은 미리보기다. 참고로 앱 아이콘 등록은 필수는 아니어서 굳이 등록은 안해도 된다. 5. 사용하는 플랫폼 등록하고 '사이트 도..
👟 Etc 2023. 10. 1. 02:23
[MySQL] Read Only 해제하기 | workbench 데이터 수정이 안될 때

workbench에서 테이블 일부 데이터를 삭제하려고 했는데 Delete Row 버튼이 비활성화 되어있다ㄱ-.. 찾아보니 그리드뷰 우측 하단에 있는 Read Only 상태 때문에 그런거였다. 다음번엔 똑같은 문제로 삽질을 안하고 싶어서!! Read Only 해제하는 방법을 정리해본다. 해제를 위해 테이블 항목에 커서 가져간후 우측에 나타나는 도구 아이콘을 클릭 보니까, PK 옵션이 있어야 된다해서 테이블 열에서 임의로 하나를 선택후 PK(Primary Key), NN(Not Null)을 체크해줬다. (PK만 체크해도 됨) 그런 후 적용을 누르면 Read Only가 사라지고 아까 비활성화되었던 Delete Row가 활성으로 바꼈다. 참고로 Read Only 해제하면 위와 같은 행 삭제 아이콘도 생성되서 삭..
📚 Database/MySQL 2023. 9. 30. 20:00
이전 Prev 1 ··· 16 17 18 19 20 21 22 ··· 47 Next 다음