본문 바로가기

프로그래머

[HTML/CSS] 웹 상에서 원하는 폰트를 적용해보자 | 폰트 다운로드 | google fonts 윈도우/맥OS 상에 기본으로 설치되어 있지 않은 폰트를 웹상에서 구현하고 싶을 때, google fonts를 참고하자. fonts.google.com [ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com ](https://fonts.google.com) 원하는 폰트를 검색하고, 오른쪽에 select this style을 클릭. 원하는 몇가지의 폰트를 선택한 뒤, 오른쪽 위의 아이콘을 클릭하면, 선택한 항목의 폰트에 대한 html/css embed 코드가 생성된다. 복사한 뒤, html사이에 다음과 같은 형식으로 복붙한다. 이를 완성하면, html 실행시 해당하는 폰트가 없으면.. 더보기
[HTML/CSS/JS] 웹에서 실시간으로 html/css/javascript를 코딩하고 확인해보자 | codepen.io codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io vscode 같은 IDE를 깔지 않더라도 웹상에서 html/css를 코딩하고 실시간으로 확인할 수 있다. 페이지에서 왼쪽에 start coding을 누르자. HTML, CSS, JS에 해당하는 각각의 칸이 있고, 원하는 내용을 코딩해서 넣으면 옆의 창으로 실시간 확인이 가능하다. 간단한 코딩 구현을 쉽게 확인할 수 있다. 더보기
[CSS] 웹페이지 아이콘 만들기 | favicon 만드는 사이트 어느정도 규모 이상의 웹페이지라면, 브라우저에서 탭을 띄울 때, 이름 왼쪽에 아이콘이 뜬다. 이를 favicon이라고 한다. 개인이 웹페이지를 만들 때, 이러한 favicon을 어떻게 만들고 적용시킬까? www.favicon.cc [ favicon.ico Generator Preview Favicon in original size: www.favicon.cc ](https://www.favicon.cc/) 위 페이지를 방문해보자. favicon을 직접 그리거나, 이미지를 불러와 만들 수도 있다. 예를들어 다음과 같은 이미지를 불러오면, 이렇게 변환해준다. 아래쪽의 download favicon을 누르면 .ico 형태로 다운로드 된다. 그리고 작성한 html 파일에서 link rel="icon"으로 적용시.. 더보기
[해커랭크 C++] Exceptional Server 문제는 다음과 같다 www.hackerrank.com/challenges/exceptional-server/problem 즉, C++의 예외처리를 통해 Sample Output과 같은 에러 형태를 출력해야 한다. #include #include #include #include #include #include using namespace std; class Server { private: static int load; public: static int compute(long long A, long long B) { load += 1; if(A < 0) { throw std::invalid_argument("A is negative"); } vector v(A, 0); int real = -1, cmplx .. 더보기
[Emojipedia] 무료 이모티콘 다운로드 사이트 | 이모지피디아 https://emojipedia.org 📙 Emojipedia — 😃 Home of Emoji Meanings 💁👌🎍😍 emojipedia.org 플랫폼 별 다르게 생긴 이미지들을 무료로 복사하거나, 다운로드할 수 있는 사이트 더보기
[개체지향 프로그래밍] 개체지향 프로그래밍이란? | 개체지향 프로그래밍의 필요성 | 개체지향 프로그래밍 특성 Ch03. 개체지향 프로그래밍의 필요성 구조체의 한계 데이터의 비인간화 데이터가 많아지면 관리가 힘듦 실수할 여지가 증가 보완책 : 구조체 사용 한계1 : 여전히 데이터왕 동작이 분리되어 있음 한계2 : 어떤 구조체가 어떤 함수랑 연관 있는지 찾기 복잡함 사람이 세상을 인지하는 법 사람은 세상을 물체(object)의 집합으로 인지 물체는 상태를 가질 뿐만 아니라 동작도 할 수 있음 상태와 동작 상태 - 변수 동작 - 함수 모든 것이 개체는 아니다! 개체지향 프로그래밍 OOP 프로그래밍을 구성하는 기본 요소를 개체로 보려는 노력 OOP에서 프로그램이란? 상호작용하는 개체들의 집합 절차적 프로그래밍은 실행할 명령어의 목록을 프로그램으로 봤음 절차적 프로그래밍은 매우 객관적 어떤 프로그램이라도 최종적으로는 절.. 더보기
[CSS] css 디자인시 적절한 색을 찾을 수 있는 사이트 css 디자인시, 기본 설정 컬러 외의 컬러를 찾고 싶은 경우가 있다. http://colorhunt.co 위 사이트를 방문하면 원하는 컬러에 대한 코드를 알 수 있다. trend 혹은 popular 탭에서 일반인들도 적절한 색 조합을 찾아 홈페이지에 적용시킬 수 있다. 더보기
[mariaDB] 우분투 mariaDB 설치 우분투에 mariaDB를 설치해보자 mariaDB는 무료이며, 상업적 이용이 허용된다. 그래서 최근에 많은 mySQL로 구축되었던 DB들이 mariaDB로 옮겨가는 추세이다. mariaDB는 mySQL과 대부분의 기능이 호환되며, 속도는 약 70% 정도로 준수하다고 한다. 설치하기 sudo apt update && sudo apt-get -y upgrade sudo apt-get install -y mariadb-server 위 명령어들로 간단하게 설치할 수 있고, sudo mysql 초기 접속은 위와 같은 명령어를 통해 할 수 있다. update user set plugin='' where User='root'; set password = password('YOUR PASSWORD'); flush pr.. 더보기
[selenium] “Element Is Not Clickable at Point” 해결법 | 팝업창 전환 python에서 selenium으로 웹 크롤링을 할 때, “Element Is Not Clickable at Point”에러가 날 때가 있다 위의 예시 그림과 같이, 웹 페이지의 정보가 팜업형태로 나타날 때, 팝업 창 위의 element를 크롤링 할 때 나타나는 에러이다. 팝업창에 마우스를 가져다 대서, inspect element를 해봤다. 자세히 보면 팝업 창의 형태는 iframe 내에 새로운 html이 들어가 있는 모양임을 알 수 있다. # switch to iframe driver.switch_to.frame(&#39;jqxIframe1&#39;) time.sleep(3) selenium의 switch_to.frame을 이용해, 해당 frame의 id로 창을 전환한 뒤, 잠시 멈췄다가 창 내의 e.. 더보기
[SQL] 우분투 MySQL Workbench에서 localhost 서버에 연결이 되지 않을 때 MySQL은 연결이 되는데, Workbench에 들어가면 연결이 안 될 때 구글에 찾아보니 이런 답변이 있었다. 즉, MySQL 5.7 이상엥서는 MySQL Workbench에서 'root'로 접속하는 것을 허용하지 않는다는 것. sudo mysql -u root -p 기존 root계정 mysql로 접속한 뒤, CREATE USER 'admin'@'localhost' IDENTIFIED BY 'password'; GRANT ALL PRIVILEGES ON *.* TO 'admin'@'localhost' WITH GRANT OPTION; 원하는 아이디의 계정을 하나 더 많든다.(root가 아닌) 그리고 재부팅 하면 문제가 해결되었다. 더보기

티스토리툴바