토글기능 추가(날씨 토글) 챌린지 도중 다른 사람의 작품도 보았는데 그 중에 어떤 사람이 토글버튼을 추가해서 그 버튼을 누르면 날씨가 펼쳐지게 하였고 다시 누르면 날씨박스가 닫혀서 보이지 않았다. 무언가 내가 이 사이트랑 좀더 친밀해진 느낌이었고 재밌었고 깔끔했다. 그래서 나도 구현해보려고 했다. 로직을 순서대로 설명하자면. 우선 html 부...
to do list - list 내용 수정
list 내용 수정 이번에 소개할 기능은 list의 내용을 수정하는 기능이다. challenge 도중 다른 사람의 작품을 보다가 수정할 수 있는 기능을 추가한 사람이 있어서 , 그분의 코드를 읽고 이해한 다음 내 나름대로 적용해보았다. 논리의 흐름은 이렇다.. 1 to-do list 더블클릭 2 내용이 없어지고 input 박스가 생겨남 3 in...
to do list - drag and drop(jquery)
list 위치 변경. 기존에 내가 만든 to-do 리스트를 사용하다가 이번에 챌린지로 인해서 할일과 다 끝낸일을 추가했다. 그렇게 사용하다가 불편한게 있어서 몇가지 기능을 추가하려고 했다. 그 첫번째로 to-do 리스트의 순서를 변경하고 싶다는 것이었다. 그래서 구글에 찾아본결과 자바스크립트로 drag and drop 이벤트로 구현할 수 있긴 한데 ...
to do list - finished list 추가
얽히고 섥힌 로직 이번에 챌린지 하면서 풀었던 과제가 있다. PENDING(할일) 과 FINISHED(한일)을 구분하고 할일이 끝나면 한일로 이동하도록하고 또 한일에서 할일로 이동하도록 하며 새로고침해도 그대로 이어지도록 만들었다. 사실 내가 그렇게 되도록 코드를 짜봤는데 너무 복잡해서 미완성으로 남았었다. 그러다 , 다음날 니코가 올려준 코드를 보...
좀 더 세련된 계산기 코드(shout out to Nico💪)
좀더 세련된 계산기 코드 고생고생해서 계산기를 완성했고 다행히 제시간내에 제출했다. 그리고 다음날 니코의 정답이 나왔는데 역시나 굉장히 깔끔하고 참신하며 예술적이기 까지 했다. 우선 html 부터 보자. <body> <span class="js-result result">0</span> <span cla...
그 유명한 계산기 한 번 만들어보기
계산기 만들기. 챌린지 과제중에 계산기 만들기 과제가 있었다. 숫자를 누를때마다 화면에 출력되어야 하고 연산자를 누를때마다 계산되어야 하며 그 결과 값이 바로바로 화면에 출력되어야한다. js로 계산기 만드는 방법은 쉽게 구글링 할 수 있었지만 오로지 내 스스로의 능력으로 만들어보고 싶었다. 예상대로 고통스러웠지만 결국에는 해내는 나를 보면서 참 자...
다양한 에러와 해결책 정리
기본적으로 에러가 났을때는 bundle exec jekyll server 를 통해 로컬사이트에 접속해보자. 그럼 명령프롬프트에서 에러가 왜 났는지 알려줄것이다. 1. NOT FOUND 에러(검사를 잘 활용하자) 우선 블로그 만들면서 만났단 버그가 있다. 바로 not found 에러이다. 아래 그림처럼 favicon1번 그림이 깨져서 나왔다...
깃헙블로그 시작하기!!
깃헙블로그 글올리기 깃헙블로그 ? 개발자라면 , 개발자를 준비하고 있는 사람이라면 깃헙블로그 하나쯤은 갖고 있는것이 좋다. 그 이유는 그 블로그에 기록된 것을 보고 이 개발자의 능력, 성향, 습득한 기술을 파악하는 문화가 있기 때문이다. 그래서 주저리주저리 자소서를 쓰지 않고 블로그 링크하나 보낸다. 또한, 개발자라면 기록하는 습관은 기본이다...
깃헙포스트 게시글 마크다운 작성 가이드 1
Heading levels This is a fixture to test heading levels Heading This is an h1 heading Sub-heading This is an h2 heading Sub-sub-heading This is an h3 heading Heading This is an h1 he...
[개발자 블로그] Chirpy테마 게시글 작성 가이드
첫글로 Writting New Post페이지를 번역해보았다. Naming & Path YYYY-MM-DD-TITLE.EXTENSION 의 형식으로 새 파일을 만들어주고 _post/ 폴더에 넣어준다. EXTENSION은 md 혹은 markdown으로 해주어야한다. Front Matter 기본적으로, 글을 작성할 때 아래와 같은 양식의...