hanol hanol

오늘은 울고싶은날ㅜㅜ백엔드의 길은 멀고도 험난하다...1. 설치 환경MacBook Air 15macOS 13.4 2. 설치 방법자세하게 나와있어서 차례대로 설치해나가면 된다!https://mariadb.com/kb/ko/installing-mariadb-on-macos-using-homebrew/ Homebrew로 macOS에 MariaDB Server 설치Homebrew 패키지 매니저를 이용해서 MariaDB Server를 macOS (이전 Mac OS X) 설치할 수 있습니다. MariaDB Server는 미리 컴파일된 Homebrew "bottle" 패키지로 이용 가능하며, 소스 빌드가 필요 없어 시간을 절약해mariadb.com Homebrew 설치후에는Homebrew로 MariaDB server..

인공지능사관학교에서 웹 js 심화 과정 수료를 앞두고 취업의 문턱에 와서 수료 후에 헤이해진 마음을 다잡기 위해서 클론코딩 챌린지가 있어서 신청하겠되었다. 평소에 하고싶었던 트위터!! 아니 X 여서 고민없이 바로 신청했다. 주제를 정하기가 참 어려웠는데 sns로 소통하고 공감할 수 있는 게 뭐가있을까...했는데 내가 젤 좋아하고 관심이 많은걸로 해보기로 했다. 그래야 이 과정에서 더 열정적으로 할 수 있을 것 같았다. 🌚 주제 영화, 드라마를 공유하는 sns , MoView ( Movie + Review ) 자신이 봤던 영화들, 드라마들에 대한 리뷰를 공유하는 sns이다. 뻔한 주제이긴하지만 가장 대중적이기도 하기 때문에 많은 사용자들을 모을 수 있다는 장점도 있다. 🌚 구현 목표 소셜 로그인 : Fir..

피그마라는 툴을 활용하여 html 아이콘을 만들어보았다. 그라데이션을 주어 색감을 다채롭게 만들고 여러 층의 Effects들을 쌓고 쌓아서 입체적으로 효과를 주니까 너무 신기하고 재밌었다!! 평면보다는 입체적인게 뭔가 더 있어보이는 거 같아서 여러모로 활용도가 높을 거 같다. Stroke에 Linear 속성으로 부분 부분 색상과 opacity를 이용해서 그라데이션을 주면된다! 대각선으로 그라데이션 섹션 설정하기 1->2->3->4->5(맨위) 순서대로 차곡차곡 쌓으면 완성! 참고사이트https://www.youtube.com/watch?v=VN5L9OiaztI

시멘틱 태그 검색엔진 최적화 ( = 검색 됐을 때 상위에 노출 될 수 있도록 하는 노력) 왜쓰는가? 1) 접근성 향상 시맨틱 태그 요소는 웹페이지의 다양한 섹션을 명확하게 정의하고 웹 전체의 일관성을 유지함으로써 사용자 경험과 만족도 또한 향상시킬 수 있다. 2) SEO (검색엔진최적화) 향상 시맨틱 태그는 관련 키워드와 문구에 대해 웹페이지를 최적화하는 데 도움이 되며, 이를 통해 검색결과 상에서 웹 사이트 노출 순위를 높이고 더 많은 트래픽을 유도할 수 있다. 3) 가독성 향상 시맨틱 태그는 콘텐츠의 명확하고 일관된 흐름과 구조를 만드는데 도움이 된다. 그러기 위해선? html코드를 의미론적으로 타당한 태그로 잘 설명해야함

🤷‍♀️ BEM방법론이란 ? CSS 제작 방법론으로, 일종의 네이밍 컨벤션이라고 볼 수 있다 😎 BEM의 기본구조 Block Element Modifier ⇒ 이 세가지로 구성된 이름을 짓는것임!! 각각 __와 —으로 구분한다 header은 Block navigation은 Element input은 Modifier BEM은 기본적으로 ID를 사용하지 않으며 class만을 사용함 어떻게 보이는가가 아님⇒ 어떤 목적인가에 따라 이름을 짓는 😈 Block 재사용 가능한 독립적 블록으로 가장 바깥쪽 상위요소 => 어디에 종속되지 않아서 헤더에 쓰일 수도 있고, 푸터에 쓰일 수도 있고, 여기저기 붙였다 떼었다 할 수 있다 Block 이름은 색상이나 크기 등을 묘사하는 이름이 아니라 구조적으로 의미 있는 이름을 사..