소소리네

favicon이란? 브라우저에서 모 웹 사이트를 접속할 때 탭 좌측에 보이는 그림을 가리킨다. favicon을 설정하기 위하여 본인이 디자인하거나 혹은 디자인 의뢰한 파일을 확보해 두자 그림 크기는 16x16px로 저장하여야 한다. // 변환 사이트에서 요구하는 규격이다. 그림 디자인은 그림판(Windows OS) 혹은 Adobe Illustrator를 활용하도록 하자. (Mac OS는 무엇을 써야 하는지 잘 모르겠다. 디자이너들은 대부분 Mac을 쓰고 따라서 Adobe Illustrator를 설치해서 쓰더라.) 그림판으로 설정하는 방법은 아래와 같다. 16x16px 그림파일을 획득하였다. 이제 favicon 변환 작업을 하자 구글에서 favicon generator를 검색하자 가장 위에 뜨는 웹 페이지..

생활코딩 2024. 1. 18. 12:10

내가 구현하고자 하는 HTML 기능을 모두 구현하였다. (내 머릿속에서 구상한 선에서는 말이다.) // 완성형 코딩은 없다고 본다. 기능을 보다 추가하거나 개선할 필요성이 끊임없이 제기되기 때문이다 // 실제로도 나는 주식 적정가치 추산과 관련하여 웹 크롤링 프로그램을 구현하였는데, // 이를 한번 실행하고 프로그램 구동을 끝내는 데 1시간 넘게 걸린다는 점에서 최적화가 필요하지만 // 프로그램 실행을 분기별 1회 정도에 그치는 꼴이라 그냥 두었다. (한마디로 뒷짐 지고 있다는 소리다.) 이제는 없는 미적감각을 발휘해서 구현한 기능을 페이지에 시인성있게 배치하고 꾸며야 한다. 이 역시 재능기부 능력자님들의 게시글을 구글링 하여 참조하고 시도해 본다. 뿐만 아니라, 앞서 소개하였던 https://codep..

생활코딩 2024. 1. 18. 12:10

HTML의 div와 같은 tag를 1번 시퀀스에서 안 보이다가 2번 시퀀스에 보이게 하고 싶다. (방법만 알고 있다면 반대로 1번 시퀀스에서 보이다가 2번 시퀀스에 안 보이게 구현할 수 있다.) 만약 div 태그를 function a() 시퀀스에서 보였다가 function init() 시퀀스에서 안 보이게 하고 싶고 // 아래 웹 페이지 그림상 파랑 네모 표시 참조 반대로, img, h 태그를 function a() 시퀀스에서 숨겼다가 function init() 시퀀스에서 보이게 하고 싶다면 // 아래 웹 페이지 그림상 빨강 네모 표시 참조 Loading... AI가 당신의 얼굴 사진을 분석 중입니다. 당신에게 어울리는 컬러와 피해야 할 컬러를 확인해보세요! function a() { $('#loadi..

생활코딩 2024. 1. 18. 12:10

금번 HTML 작업 중 가장 어려웠던 부분이었다. 이것저것 막 하다 보니 얻어걸려 구현했던 내용을 소개해보려 한다. HTML에 이미지를 띄우고 싶을 때 의 형식으로 코딩한다는 것을 우리 모두 알고 있다. 그리고 에서 " " 사이의 값을 작업폴더 경로의 사진파일 혹은 인터넷에 업로드되어 있는 사진의 이미지 인터넷 주소를 활용하는 것이 보통이다. 나는 작업폴더의 경로를 활용하되, // ex)

생활코딩 2024. 1. 18. 12:09

이제 소프트웨어를 채워 넣었으면 하드웨어를 연결해 주자. (적절한 표현일지 모르겠지만) HTML 페이지상 언어를 선택하는 콤보박스?를 만들어주고, 콤보박스 선택에 따른 페이지 이동을 구현해보고자 한다. 구글링을 포함한 검색을 통해 기능을 만들어보자. (세상에는 자기 재능을 잔뜩 기부하여 주시는 하해와 같은 코딩 전문가 선생님들이 많이 계시다.) 사이에 아래와 같이 코딩을 넣어주자. (나는 의문점을 가지지 않고 일단 따라 해 본다.) Language 한국어 English Français español Italiano 日本語 中文 tiếng Việt Bahasa Indonesia ไทย var ua = navigator.userAgent.toLowerCase(); function changeLanguage(..

생활코딩 2024. 1. 18. 12:08

내가 만든 페이지의 텍스트를 한글에서 다른 언어로 변환하는 방법을 소개하고자 한다. 다소? 아니 매우 무식한 방법일 수 있겠다. 언어변환 기능을 라이브러리로, 혹은 누군가 구현했을 거란 생각으로 구글링 하고 여러 가지 방법을 시도해 보았지만, 갖은 시도와 시행착오 끝에? 잘 되질 않았다. (물론, 내가 잘못 활용했을 수도 있다. 그리고 그랬을 가능성이 크다.) 그 끝에 결국 원시적인 방법을 택하게 되었다. 변환하고자 하는 언어를 구상하고, (영어, 불어, 스페인어, 이탈리아어, 일본어, 중국어, 베트남어, 인도네시아어, 태국어) Visual studio code 프로그램에서 언어별 페이지를 새로 추가한다. 한글 텍스트로 구성된 메인 페이지가 index.html이라면 한글 텍스트를 영어로 변환하는 페이지는..

생활코딩 2024. 1. 18. 12:08

"흥미가 돋아 눈이 가고 관심이 생기면 그것에 대해 알아보고내가 필요성을 느끼면 보다 더 깊이 연구해서 이를 활용한다." 항상 이 정도에서만 그쳤다. 프로그램 따위 같은 형태로 기능을 구현하고, (개발이라 하기엔 거창하겠다.)가끔 나 스스로 데이터가 필요하거나 지인이 이를 공유해 주길 바라거나주변 환경 변화에 의해 프로그램을 조정하고 개선해야 하는 등 그때만 찾았다.  // 웹 크롤링을 위해 설정한 특정 데이터의 XPath 변경에 따른 피드백 반영 등  이를 대중에 공개하여 공유하려는 생각은 전혀 1도 없었다. 그러던 중 최근 너튜브 조코딩님 채널을 통해 웹(앱) 개발 콘텐츠를 접하였고,프로그램을 가공하여 대중에 공개하는 행위 그 자체에 대해 재고하게 되었다.  이를 실제로 실행하기에 앞서, 나로서는 생..

생활코딩 2024. 1. 18. 12:07