수서곤충의 세계 수서곤충의 세계

html

• SW Expert Academy 예제 입출력 복사 크롬 확장 프로그램 제작하기

  Programming/TIL 2025. 2. 16. 16:05

  SWEA(SW Expert Academy) 사이트에서 예제 입력과 출력을 쉽게 복사할 수 있는 크롬 확장 프로그램 개발 과정을 상세히 설명합니다. 개발자 도구를 활용한 기능 구현 실험, manifest 파일 작성, 실제 코드 구현, 크롬 웹스토어 등록까지 과정을 다룹니다.개요웹스토어 승인이 완료되어서 다운로드가 가능합니다. 한 번 받아보세요!확장프로그램 다운로드 링크SW Expert Academy(이하 SWEA)는 삼성에서 제작한 알고리즘 문제 풀이 사이트입니다.많은 사람들이 코딩 테스트 준비, 특히 삼성 SW 역량 테스트 대비에 자주 사용하죠.저도 최근 SSAFY에 입과 하면서 SWEA 사이트를 자주 사용하고 있습니다.삼성에서 운영하는 교육 프로그램이다 보니 알고리즘 교육과 과제 제출이 모두 SWEA에..

  Read More
• 티스토리 블로그에 마크다운 콜아웃(Callout) 넣어주기

  Programming/TIL 2024. 11. 25. 18:56

  티스토리 블로그에서 Github 스타일의 마크다운 콜아웃(경고/주의 상자)을 구현하는 방법을 설명합니다. HTML 구조 분석부터 자바스크립트 DOM 조작, CSS 스타일링, 웹 접근성 개선까지 단계별로 알아봅니다.개요Github에서 README 파일을 읽다 보면 이런 멋있는 경고 상자를 볼 수 있습니다. 프로그램 사용 시 주의사항이나 설정 방법, 사용 꿀팁 등을 강조할 때 주로 사용되곤 하는데요.이는 Github Flavored Markdown에서 지원하는 기능입니다.표준 마크다운 문법에 여러 가지 확장을 더한 것이죠.아래와 같은 표준 마크다운 인용블록에> 나는 생각한다 고로 나는 존재한다. - ChatGPT나는 생각한다 고로 나는 존재한다. - ChatGPT이런 식으로 [!NOTE]를 앞에 붙이면 위에..

  Read More
• CS50 Week8: Lab8, Trivia

  Programming/CS50 2023. 7. 26. 20:33

  하버드 CS50 강의 8주차 Lab 과제 Trivia 의 풀이를 다룹니다.가벼운 상식 퀴즈를 내는 웹 사이트를 만드는 과제입니다.HTML, CSS, JavaScript를 사용하여 정적 웹 페이지를 만들어야 합니다.퀴즈를 내고 정답 여부에 따라 피드백을 남기는 기능을 구현해야 합니다.Task Requirements코드 템플릿이 주어져있다. Trivia! Part 1: Multiple Choice Part 2: Free Response ..

  Read More