본문 바로가기
반응형

전체 글126

[HeidiSQL] 설치 및 한글 깨짐 현상 바로 잡기 [HeidiSQL] 설치 및 한글 깨짐 현상 바로 잡기 아직 백엔드에 대한 공부가 미흡한 상태이긴 하데, DB를 들여다봐야 하는 일이 생겼습니다. 그럼 뭐 부딪혀보는 거죠. 참고로 저는 웹기획자이고 PM입니다. 회사에서 홈페이지용으로 간단하게 사용하는 서버는 Cafe24 웹호스팅. php + MariaDB 환경입니다. 서버사이드 스트립트 언어들도, 아직 공부가 많이 부족한데 음.. 이참에 도전! HeidiSQL 설치 MariaDB 핸들링을 위해 하이디SQL을 설치해주었습니다. 개발자분이 추천해주더라구요. https://www.heidisql.com HeidiSQL - MariaDB, MySQL, MSSQL, PostgreSQL and SQLite made easy What's this? HeidiSQL .. 2023. 7. 4.
Next.js 개발환경 초기 세팅 Next.js 개발환경 초기 세팅 1. Node.js 설치 Next.js를 구동해서 개발하기 위해서는 Node.js를 필수로 설치해야합니다. 아래 사이트에 접속하여, Node.js를 설치해보도록 합니다. 참고로 이 글을 작성하는 현재 기준으로, 최근 배포되는 Next.js의 원활한 구동을 위해서는 Node.js 18버전 이상으로 설치해주는 것이 좋겠습니다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 저는 18.16.1 LTS 버전으로 설치해주었습니다. 2. VSCode 설치 IDE 에디터는 VScode를 사용할 예정입니다. 쓰다보니 점점 VSC로.. 2023. 7. 3.
Google - Gmail SMTP 사용을 위한 세팅 Google - Gmail SMTP 사용을 위한 세팅 G메일에서 제공하는 SMTP를 사용하여 메일발송을 해야 하는 경우가 있습니다. 보통 자체 서버를 운용하는 게 아니라, 웹호스팅 등을 사용하고 있는 경우라면 SMTP를 사용하는 데 많은 제약이 존재할 수 있습니다. 서버 전문가가 아닌 입장에서는 여간 머리 아픈 일이 아닐 수 없죠. 그래서 많은 사람들이 지메일이나 네이버 메일 등의 SMTP를 이용해서 메일링을 보내곤 하는 것 같습니다. 다음 번에 또 비슷한 설정이 필요할 것 같아 메모를 해두기로 합니다. G메일의 SMTP 이용 정책이 변경되었다 예전에는 지메일의 SMTP를 사용하는 방법이 그닥 복잡하지 않았다는데, 2022년 5월 이후부터인가 구글의 G메일 SMTP 이용방법이 달라졌다고 합니다. 저도 인.. 2023. 5. 8.
포토샵 타입툴 사용할 때 이상한 특수문자 박스 나타남? glyph 글리프 해제 방법 가끔씩 포토샵을 사용할 일이 있어서 오래간만에 만지다 보면, 처음 보는 현상들을 마주치게 되는 경우가 있습니다. 포토샵이라는 프로그램이 수 십년(거의 30년 이상?) 발전을 거듭해오다 보니, 디자이너가 아닌 저로서는 낯선 기능들이 새로 생겨났나보다~ 하는 경우를 마주하곤 합니다. 뭔가 다 필요해서 만든 고오급 기능이겠지만, 아직 그 기능을 어디에 써 먹을지 모르는 입장에서는 자꾸만 등장하는 낯선 화면이 반갑지 않은게 사실이기도 하니까요. 타입툴 사용할 때, 폰트 선택 같은게 계속 나온다면? - glyph 언제부턴가 특정 폰트에서 자꾸 이런게 나오는 것 같습니다. 아마도 최근에는 고정폰트가 아니라, 가변폰트가 활성화 되면서 나온 기능은 아닐까? 하는 생각이 드는데요(근거 없습니다. 그냥 추측...) 타입툴.. 2023. 5. 6.
비슷한 듯 다른 동작 방식, Alpha Channel과 Opacity의 차이점 비슷한 듯 다른 동작 방식, Alpha Channel과 Opacity의 차이점Opacity + Alpha Channel Opacity(불투명도)와 Alpha Channel은 둘 다 투명도와 관련이있지만, 서로 다른 형태로 구별이 되는 특성들입니다. 비슷하지만 다른 이 두 가지 특성에 대해서 오늘 포스팅에서 다루어보기로 합니다. Alpha Channel 알파채널(Alpha Channel)은 삼원색으로 일컬어지는 RGB 컬러 정보 이외로 '편집'과 관련된 정보를 담고 있는 채널을 의미합니다. 예를 들어 rgb(0, 0, 255)는 Blue Color를 의미하는데, raba(0, 0, 255, 0.5)는 50% 정도로 투명한 Blue Color를 의미하게 됩니다. 알파채널은 색상이 비치는 정도, 즉 '투명도'.. 2023. 4. 6.
background 다채로운 기능 한 눈에 살펴보기 background 다채로운 기능 한 눈에 살펴보기 CSS를 다루면서, 가장 빈번하게 사용하면서도 활용도가 매우 높은 속성중 하나는 바로 'background' 속성이 아닐까 싶습니다. background 속성은 배경색상을 적용하는 것은 물론, 배경 이미지도 다양하게 적용할 수 있도록 해주면서도 적용할 이미지의 기준점을 세세하게 컨트롤 할 수도 있습니다. 이미지의 크기나 반복해서 적용하는 것 또한 다양하게 조절할 수도 있구요. background 속성은 이와 같이 다양한 특성을 조정할 수 있는 특별한 쓰임과 기능을 가지고 있습니다. 모든 특성을 다 외우고 있을 필요는 없겠지만, 실무에서 주로 사용하고 자주 쓰이는 특성들을 위주로 학습을 해 둔다면 매우 강력한 스킬이 되어줄 것입니다. 예제코드 아래 예제코.. 2023. 4. 5.
반응형