본문 바로가기

분류 전체보기101

[웹] 티스토리 문단 스타일 변경 배경 티스토리에서 글 작성 시 css를 활용하여 커스텀 문단 스타일 적용이 가능하다 글쓰기 창의 좌측 상단의 문단 모양 적용시 일반적으로 글씨 크기만 적용된다. html 코드를 보면, 해당 서식의 특징은 h2, h3 태그를 갖는 다는 점과 attribute는 'data-ke-size', value값은 'size23, size26'을 갖는다는 점이다. 개념 설명(with ChatGPT) 참고로, ChatGPT에게 "css에서 tag, attribute, value의 의미를 알려줘"라고 물어본 결과는 다음과 같았다. CSS는 Cascading Style Sheets의 약자로, HTML 문서를 스타일링하기 위해 사용하는 언어입니다. CSS는 HTML 요소에 대한 스타일을 지정할 때 다음과 같은 구성 요소를 사.. 2023. 5. 2.

[웹] BTS 가사 퀴즈 사이트 만들기 지난 KBO 선수 퀴즈에 이어서 BTS 가사 퀴즈를 제작해봤다. 아래 링크에서 실행해 볼 수 있다. http://semaseryu.pythonanywhere.com/ BTS 가사 퀴즈 semaseryu.pythonanywhere.com 참고로 지난 KBO 선수 퀴즈에 대한 정보는 아래에서 확인할 수 있다. https://skyjwoo.tistory.com/entry/KBO-%EC%84%A0%EC%88%98-%ED%80%B4%EC%A6%88-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0 [웹] KBO 선수 퀴즈 사이트 만들기 배경 최근에 축구 선수 퀴즈 사이트를 발견하게 되어 웹 프로그래밍도 연습해볼 겸 비슷한 포맷으로 KBO 선수 퀴즈 사이트를 만들어.. 2023. 4. 27.

[웹] 검색어 추천 기능(html, css, javascript) 배경 KBO 선수 퀴즈를 만들면서 검색어 추천창이 필요했다. 검색어 추천창은 검색 시 창에서 관련 검색어 리스트화하고 아래와 같은 기능들을 수행해야 한다. 특징1. 추천 리스트 클릭 가능 - 클릭 시 검색 창 반영 (DOM + function 추가) 특징2. 추천 리스트에 마우스 올리면 색 변화(CSS) 아래는 검색어 추천 창을 임시로 구현 후 사용 예시이다. 코드 구현 해당 내용을 코드로 구현한 결과는 아래와 같다. 창 구성 페이지의 구성은 검색창(id=name)과 추천창(id=suggestion_box)으로 구성된다. 해당 페이지의 html 코드는 아래와 같다. '검색 창'과 '버튼'을 위쪽에 두고, 아래쪽에 '추천창'을 두었으며 default를 'invisible'로 설정하였다. (검색어 입력시 해.. 2023. 4. 24.

[웹] DB 한글 초성 검색(sqlite3) 배경 지난 KBO 선수 퀴즈 사이트를 만들 때, 중요한 기능 중 하나가 선수 검색어 추천 기능을 구현하는 것이었다. 영어와 달리 한국어는 모아쓰기 때문에 '이정후'를 검색하면, 'ㅇㅣㅈㅓㅇㅎㅜ'의 자모를 키보드로 입력하게 된다. 이때, 'ㅇㅣ'만 입력해도 '이'로 시작하는 이름들을 추천해주는 것이 목적이다. 즉, 목표는 다음과 같다. DB로부터 입력된 한글 자모로 시작하는 입력값 추천받기 이 기능을 구현하기 위해 원래는 정규식을 사용하려 했으나, 현재 사용하고 있는 sqlite3에서는 지원하지 않기에 다른 방법을 고안했다. 현재 DB가 새로운 데이터 추가가 이뤄지는 게 아니기에, 기존 데이터에 한글 자모 정보 열을 추가하기로 했다. 방법 즉, 기존 이름 열 정보를 참조하여 자모로 분리한 후, 자모열에 해.. 2023. 4. 21.

[웹] KBO 선수 퀴즈 사이트 만들기 배경 최근에 축구 선수 퀴즈 사이트를 발견하게 되어 웹 프로그래밍도 연습해볼 겸 비슷한 포맷으로 KBO 선수 퀴즈 사이트를 만들어 보았다. 본 글에서는 KBO 선수 퀴즈 사이트 제작 과정을 담고자 한다. 결과 파일은 현재 구름 IDE를 통해 구동 중에 있으며, 아래 사이트에서 확인해 볼 수 있다. (현재 구름 ide 무료 플랜의 항상 켜두기 기능 종료로 확인은 어렵습니다..) https://kbo-player-quiz.run.goorm.site/ 야구 선수 퀴즈 kbo-player-quiz.run.goorm.site 소스 코드 전체 또한 GITHUB에 업로드 해 놓았으며 아래에서 확인해 볼 수 있다. https://github.com/skyjw1211/kbo_quiz GitHub - skyjw1211/k.. 2023. 4. 21.

[ChatGPT] 프롬프트 엔지니어링이란? 최근 가장 핫한 AI 서비스는 누가 뭐래도 Open AI에서 공개한 Chat GPT이다. GPT류 모델의 특징이 그렇지만, 그 핵심은 프롬프트 엔지니어링(Prompt Engineering)이며, 활용도가 정말 무궁무진 한 것 같다. 아마 당분간은 Chat GPT를 주제로 여러 글을 써볼까 한다. 그 시작으로 오늘은 Chat GPT를 사용해서 글도 써볼 겸 한다. 먼저 Chat GPT는 아래 링크에서 사용해 볼 수 있다. https://openai.com/blog/chatgpt/ ChatGPT: Optimizing Language Models for Dialogue We’ve trained a model called ChatGPT which interacts in a conversational way. T.. 2023. 2. 26.

이전 1 2 3 4 5 ··· 17 다음

티스토리툴바