코딩 공부 + IT 정보/코딩 실험 썸네일형 리스트형 티스토리 스킨 편집 2탄, 구글 노출용 포스팅은 따로 있었다! 지난번에는 티스토리 스킨 편집을 내멋대로 했었는데 시간이 조금 흐르고 공부를 하다보니 새로운 사실을 알게 되었다. 구글 노출용 포스팅은 네이버와는 달리 가운데 정렬을 좋아하지 않는다는 사실이었다. 그렇기에 처음에 수정했던 스킨 소스를 다시 만져야했다. 관리자에 들어가서 스킨편집을 누르고 오른쪽 html편집에 들어가자. 상단에 있는 CSS에서 수정한 부분을 아래 가져와봤다. /*글씨체 변경 안되길래 아예 전체 적용*/ *{ font-family: 'Bareun_hipi', sans-serif; } /* Type Selector Reset */ body { -webkit-text-size-adjust: 100%; font-weight: 400; font-family: 'Bareun_hipi', sans-se.. 더보기 타자 게임 만들고 영어, 스페인어 공부해보자 (Vanilla JavaScript Speed Typing Game) 지난번에는 넘버1의 요청으로 온라인 퀴즈앱을 만들었었다. 사이트를 보면 뭔가 좀 허전하다는 생각이 들어 타자 게임을 추가하고 싶어졌다. 영어와 스페인어 단어를 마음껏 불러 오고, 타자 게임과 동시에 키보드 연습도 되고 좋을 것 같았다. 그렇게 찾아낸 것이 바로 아래의 동영상이다. Vanilla 자바스크립트 타자게임 만들기! 실전코스 너무나 감사하게도 우리말로 공부를 할 수 있다. 보통 이렇게 따라 만드는 영상은 외국게 많아서 한국분이 설명해 주시는 자료는 정말 귀하다. (감사합니다>. { run(); score = 0; wordInput.addEventListener('input', checkMatch); } function run(){ if(isPlaying){ return; } isPlaying = .. 더보기 코딩 자격증 없이 온라인 퀴즈앱 만들기 - 세번째 이야기 (mp3 플레이어) 지난번에는 온라인 퀴즈앱 객관식에 이어 주관식 문제를 완성했었다. 마지막 남은 나의 미션은 녹음 파일을 저장하고 듣기 평가 문제로 바꾸는 것이다. 이를 해결하기 위해 또 다시 유튜브를 검색했다. Audio Play Pause and Stop using JavaScript | Play Audio using JavaScript Invention Tricks 채널에 가면 오디오 버튼 관련 동영상을 찾을 수 있다. 이걸 참고하며 만들었는데 코드를 쓰면서 어려움이 많았다. 내가 만든 온라인 퀴즈앱은 타이머, 정답 체크, 여러개의 문제 등으로 이루어져 있기에 버튼만 만들어서 되는게 아니었다. 또 머리를 싸매고 의자 앞에 앉았다. 구글과 씨름을 하며 고생한 끝에 완성하기는 했다.. 항상 하는 이야기지만 어설픈 코드이.. 더보기 코딩 자격증 없이 온라인 퀴즈앱 만들기 - 두번째 이야기(short-answer question quiz app) 저번에는 힘겨운 사투 끝에 온라인 퀴즈앱을 완성하고 넘버1에게 보여줬지만 또 다른 미션 때문에 넋이 나갔었다. 그 후 며칠 머리를 쥐어뜯으며 조금 다른 온라인 퀴즈앱을 만들어냈다. 물론 어설프게.. Beginner 에는 주관식을, Intermediate 에는 객관식을 넣었다. 이렇게 코드 중복이 많이 되면 안된다는건 안다. 하지만 수박 겉핥기식으로 html, css, javascript 등 코딩 독학을 하고 있는 나로서는 저걸 하나로 줄이는게 어렵다. 추후 node.js 에 관하여 배우면 코드 중복을 줄일 수 있겠지..? 이제 노드 공부를 시작했는데 요 며칠 블로그 한다고 공부도 제대로 못하고 있다.. 이게 정리되면 다시 차근차근 공부해서 추후 코드를 수정할 계획이다. 온라인 퀴즈앱 첫번째 이야기에서는 .. 더보기 티스토리 스킨 편집하기(글씨체, 가운데 정렬, scroll top button 등등) 코딩 초보가 티스토리를 시작하면서 느낀건 이 사이트 자체가 실험실 같다는 것이었다. 나는 Whatever 스킨을 선택했는데 처음에는 이게 뭔가 싶었다. 인터넷 검색을 해보니 html 편집을 직접 하라고 하더라. 그래서 이런저런 실험을 해 본 끝에 지금 이 상태가 되었다. -티스토리 스킨 편집한 것들- 글씨체: 네이버의 바른 히피 글자 간격: 좁아 보여서 조금 넓힘 본문 글자 색상: #456771 제목, 본문 가운데 정렬. 맨 위에 로고 살짝 편집. 메뉴 hover 밑줄 없애고 가운데 오게끔 padding 같은거 없앰. 카테고리 하나하나 들어가면 글 목록이 사진이랑 나오는데 width가 90%로 되어 있는거 수정. 이것 말고도 조금씩 고쳐나갔다. 마지막으로는 스크롤을 한 다음 맨 위로 뿅 올라갔으면 좋겠는.. 더보기 코딩 자격증 없이 온라인 퀴즈앱 만들기 - 첫번째 이야기(multiple choice quiz app) 나는 C언어를 잠시 배우다가 배열전에 그만두고, 풀타임 알바를 때려치면서 코딩 독학을 시작했다. 유튜브 생활코딩 egoing 선생님의 강의를 들으며 HTML, CSS, JavaScript를 조금 알게 되었다. 물론, 말로 설명해 보라고 하면 못한다.. 아, 이런거구나.. 하는정도? 그렇게 강의를 듣고 살짝 이해하고, 잊어버리면 다시 듣고 다른 사람이 만드는거 따라해보고 하는 정도다. 가끔 아는게 나오면 엄청 반가운.. 크.. 생활코딩 일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00u.. 더보기 이전 1 다음
