CSS&JS/✨개인 프로젝트 15

메아리 말투 생성기 (훈화 말투 생성기)

데모 사이트 : https://mellifluous-cucurucho-4fbe72.netlify.app/ ::훈화 말투 생성기:: mellifluous-cucurucho-4fbe72.netlify.app HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ::훈화 말투 생성기:: 훈화 말투 생성기1.0 말줄임표(⋯) 친애하는 학생 여러분 시간은 쉼 없이 흘러 벌써 겨울방학을 맞이하고 있습니다. 띄어쓰기 기준 낱말은 두 개 이상 써주세요. 생성 복사 복사 완료! Colored by Color Scripter cs CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ..

영화 한영자막 비교 페이지(프*스펙트)

접속 페이지 :https://effortless-khapse-9eb044.netlify.app/ 프로스펙트 영/한글자막 프로스펙트 영화 43:40 ~ 43:43 경 에즈라가 시이를 부르는 호칭은? (띄어쓰기 없음/영어/낙타등(Camelcase)표기) ex) big elephant면 비밀번호는 BigElephant effortless-khapse-9eb044.netlify.app 걸린 시간 : 디자인 / 코딩 포함 약 이틀 힘들었던 점 : 완벽하지 않은 영자막과... 한글 자막은 영화 보면서 대사 직접 침 = 노가다 유튜우브는 제발 영화 팔 때 자막 옵션도 넣어주면 좋겠다 이거입니다

[vanilla JS + CSS] marquee text 생성기

깃허브에서 미리보기 : https://github.com/OhIkmyeong/marquee_text GitHub - OhIkmyeong/marquee_text Contribute to OhIkmyeong/marquee_text development by creating an account on GitHub. github.com 사용방법 : HTML : marquee 시킬 텍스트들을 감싼 ul에 클래스 "marqueeText"를 지정합니다. 기본 : 수평, 왼쪽방향으로 흐름 (왼 오) .marqueeText.vertical.down : 수직. 위에서 아래로 흐름 .marqueeText.vertical : 아래에서 위로 흐름..

커밋 메세지 생성기

직장 상사에게 커밋 알림용 카톡메세지를 보낼때, 형식을 갖추면서 보내면 이후에 확인할 때도 편하다. SVN에 물론 자체 커밋로그가 있지만... 맨날 커밋했습니당~ 이렇게 보내기가 더 귀찮아서 만들어버렸다. 커밋 메세지 생성기 ㅎㅎ 여기서 쓰시면 됩니다 https://github.com/OhIkmyeong/bnMessageGenerator GitHub - OhIkmyeong/bnMessageGenerator: 커밋 관련 카톡 메세지 생성기 커밋 관련 카톡 메세지 생성기. Contribute to OhIkmyeong/bnMessageGenerator development by creating an account on GitHub. github.com

💞 커플 체크리스트

깃허브 주소 : https://github.com/OhIkmyeong/cpCheck GitHub - OhIkmyeong/cpCheck: 커플 체크리스트 커플 체크리스트. Contribute to OhIkmyeong/cpCheck development by creating an account on GitHub. github.com 디자인 소요시간 : 약 4~5시간 퍼블리싱 소요시간 : 1차 배포 14시간, 2차 수정 2시간 JS 코드 : 총 667행 사용 언어 : vanilla JS 오타쿠를 위한 커플링 체크리스트. 이거 한 만들어 볼까 생각만한지 꽤 됐었다. 그 때는 기존에 다른분(@honndamaria)이 만드셨던 커플링 체크리스트가 더이상 서비스 되지 않길래 (접속하면 5은영 선생님 말씀만 나와서 ㅋ..

줄리안데이 계산기

git hub : https://github.com/OhIkmyeong/julian GitHub - OhIkmyeong/julian: 줄리안데이 계산기 줄리안데이 계산기. Contribute to OhIkmyeong/julian development by creating an account on GitHub. github.com 접속 주소 : https://ohikmyeong.github.io/julian/ 줄리안 데이 계산기 ohikmyeong.github.io HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 줄리안 데이 계산기 줄리안 데이 계산기 윤..

그래프 생성기 - windrose, bar, pie

https://ohikmyeong.github.io/windrose WindRose, Pie, Bargraph 만들기 ohikmyeong.github.io HTML WindRose PieGraph BarGraph 상대값 그래프 만들기 N1 N2 N3 N4 N5 N6 N7 N8 N9 N10 N11 N12 N13 N14 N15 N16 N17 N18 N19 N20 M1 M2 M3 M4 M5 M6 M7 M8 M9 M10 M11 M12 점찍기 CSS - 공통 @charset "utf-8"; *{margin:0;padding:0;box-sizing:border-box;} html,body{ display:flex;flex-wrap:wrap; flex-direction:column; justify-content:ce..

오버워치 패치노트 통계 페이지 만들어보기(2) : 소스 미리보기

모든것을 다 올리면 너무 길어... HTML 동적으로 생성할것이기 땜시 json으로 뿌려줄 애들은 자식없이 텅텅비었다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110..

오버워치 패치노트 통계 페이지 만들어보기(1)

오버워치 패치노트 통계 페이지 만들어보기 http://dpffpself2.dothome.co.kr/ovwPatch/ 회사에서 일 없을 때 짬짬이 만들어봤음. 목적 : 아 모이라 패치노트 더 보고싶어 대체 다른 영웅들에 비해 얼마나 나온걸까? / json과 fetch를 이용해서 동적으로 DOM을 생성하는 방식에 익숙해져보자 / 기상청 쪽 인포그래픽 샘플 만들면서 사용했던 수식을 여기 그래프에 이용할 수 있겠다 우선 시안 : 인디자인 작업 소요기간 약 이틀? 순수시간 한 4~6시간? HTML, CSS, JS 1차 완료 아직 select box와 중간 checkbox에 대응하는건 만들지 않았고 1차적으로 json에서 가져와서 뿌려주는거 완료한 예제 함께한 영웅의 이름을 한글로 아직 반영 안했음 그래도 ㅎ,....