Develop 썸네일형 리스트형 VSCODE 콘솔에서 mysql 연결하기 오늘 하루종일 이녀석때문에 너무너무너무 스트레스 받다가 해결하게 되어서 글 남김 내용은 말 그대로 콘솔에서 mysql 연결하는 방법임 바로 두가자잇! 1. 드라이브 이동 나는 D 드라이브에서 작업중이고, sql 파일은 C드라이브에 존재한다. 드라이브를 이동하기 위한 단축키는 간단하다. 이동하려는 드라이브+: 만 입력하면 끝. 2. 디렉토리 이동 디렉토리 즉, 폴더 이동이라는 뜻. mysql이 존재하는 폴더까지 이동 두가자잇! cd(Change Directory)를 앞에 쓰고 '이동하려는 폴더 + \ ' 를 입력하여 움직인다. 폴더를 클릭하면 다음 폴더가 나오듯, '이동하려는 폴더 + \ '를 반복하여 mysql이 존재하는 폴더까지 입력. 입력하기 귀찮으면 해당 폴더까지 오고 url 입력창 클릭하면 편하게.. 더보기 구글맵스 - 주소 좌표 찾는 방법 지도api를 이용하다보면 주소 좌표를 찾을 경우가 많다. 보통은 구글맵스를 이용해서 많이 찾음. 바로 알아보자 1. 구글맵스에 들어간다. (https://www.google.com/maps/?hl=ko) 2. 좌표를 찾을 주소를 검색 3. 찍힌 마크 우클릭 후 주변검색 클릭 이러면 화면처럼 마크위에 좌표가 찍힘. 다들 좌표 찾을때 참고하라능 더보기 프론트 개발자 코딩 문제 1번 : 특정 문자열 확인하기 면접 보러 갔을때 나왔던 첫번째 문제 " 특정 문자열을 함수의 인자로 받아 아래 문장에 인자로 받은 문자열이 포함되어있는지 확인하고 boolean 타입을 반환하는 함수를 만드시오. " 마음의 준비를 하시고 풀어보셈. 기초 중의 기초인듯. var target = '빈로그에 오신 것을 환영합니다' function solution(str){ //to write something.. return true || false; } solution('빈로그'); //result true; solution('블로그'); //result false; 이제 와서 보면 쉽지만 면접장 가서 이 문제를 받았을 때 멘붕이었음. 바로 이 문제 스킵해서 넘어감 내 풀이 방법 공개하겠음. 틀릴 수도 있음. function App() {.. 더보기 CSS 스크롤바 배경색을 투명하게 만들어보기 (짧) 저번 포스팅에 스크롤바 디자인을 해보았당 이번에는 스크롤바 배경색(scrollbar-track)을 투명하게 만들어보자 우선 before 스크롤바 상태 body::-webkit-scrollbar { width:8px; /*스크롤바의 너비*/ } body::-webkit-scrollbar-thumb { background-color:rgba(0,0,0,0.3); /*스크롤바의 색상*/ border-radius: 250px; } 여기서 스크롤바 트랙을 투명하게 만들고 싶어 구글링을 해보니 밑에 코드처럼 입력하라는 거임 body::-webkit-scrollbar-track { background: transparent; /*스크롤바 트랙 색상*/ } 결과는..........!!!! 똑같자나여.... 다시 알아보.. 더보기 CSS 스크롤바 디자인하기 (짧) div에 스크롤을 만든 후 디자인을 하고 싶으면 !!! .scroll_div::-webkit-scrollbar { /*스크롤바의 너비*/ width:10px; } .scroll_div::-webkit-scrollbar-thumb { /*스크롤바의 색상*/ background-color:#424242; border-radius: 50px; } .scroll_div::-webkit-scrollbar-track { /*스크롤바 트랙 색상*/ background-color:rgba(0,0,0,0.3) } CSS 값을 이렇게 설정하자 그러면 요로코롬 디자인이 된당 끗~! 더보기 Flexbox 기초 / 1단계 : flex-direction 쉽게 알아보자 UI 구현을 할때 가장 머리가 아팠던 걸 골라보라면 역시 배치임 pacing 과 margin. float을 이용하여 요소 하나하나를 배치해주었음..(핵 노가다 ㅠㅅㅠ) Flexbox 를 알기전까지! Flexbox를 이용하여 통일감을 주고 불필요한 일을 하지 않게 효율적으로 배치해줌. 그만큼 기본적이지만 중요한 만큼 다시한번 repeat 하는 느낌으로 글을 작성해보게씀. (신입 되고싶은 코린이라서 부족할수 있음) 우선 컨테이너의 display에 flex를 설정해준다. .container{ display:flex; } 이러면 flexbox 설정 완료 ! 참 쉬움 flex를 설정하고 container의 꾸며줄수 있는 속성들을 이용함. flex-direction 해석하면 flex의 방향 말 그대로 요소들을 어떤.. 더보기 이전 1 다음
