html, CSS, Javascript 기초를 공부한 기념으로 Frontend Mentor의 'Interacitve card details form' 챌린지에 도전했다. 결론부터 말하자면 다른 기능은 대체로 어찌저찌 구현했으나 form validation 기능을 제대로 구현하지 못한 채로 일단 1차로 마무리를 했다. 다른 사람들의 솔루션을 보니 리액트를 대다수가 활용한 것 같아 리액트 공부를 먼저 하고 다시 도전해 보기로. 만들어야 하는 것은 아래와 같다. 내 결과물 User card details jeannelee57.github.io 어려웠던 것들 정리 1. 카드번호에 띄어쓰기 구현 change eventListner를 넣고 띄어쓰기를 삽입하도록 했는데 이렇게 하면 내용을 입력하다가 중단하더라도 띄어..
피보나치 수열 첫 항과 둘째 항은 1, 그 뒤로는 앞의 두 항을 더해서 만들어지는 수열. (1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, ...) 여기서는 첫 항이 0, 둘째 항이 1, 그 뒤로는 앞의 두 항을 더하는 수열을 만든다. function fibonacciGenerator (n); 을 만들어서 n값에 수열의 항 개수를 넣으면 그만큼의 피보나치 수열을 만들어 준다. 나의 피보나치 수열 솔루션 1 2 3 4 5 6 7 8 9 10 11 function fibonacciGenerator (n) { var output = []; for (var i = 0; i
fizzbuzz 게임 369 게임의 심화버전..? 같은 것으로 3의 배수에서는 'Fizz', 5의 배수에서는 'Buzz', 3과 5의 공배수에서는 'Fizzbuzz'가 출력되도록 한다. 자바스크립트로 fizzbuzz 구현하기 내가 만든 fizzbuzz 솔루션 1. while문 활용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 var output = []; var count = 1; function fizzbuzz () { while (count
유데미Udemy The Complete 2023 Web Development Bootcamp by Angela Yu The Complete 2023 Web Development Bootcamp Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, React, MongoDB, Web3 and DApps www.udemy.com 유데미 강의도 듣기 시작! 프리코딩캠프만 하다 보니 질리기도 하고 강의를 좀 더 듣고 싶어서 유데미에서 유명하다는 안젤라 유의 웹 개발 강의를 듣기 시작했다. 자막이 제공되고 발음도 또박또박 쉽게 말하기 때문에 따라가기가 쉽다! 프론트엔드를 공부 중이지만 백엔드 부분도 포함한 강의라 하..
CodingJeannelee라는 가상의 사이트로 서베이 폼을 만들었다. Survey Form CodingJeanelee Survey Form Thank you for taking the time to help us improve the platform! jeannelee57.github.io 이걸로 프리 코드 캠프의 첫번째 인증 프로젝트 완성! (위 사이트는 https://survey-form.freecodecamp.rocks/를 참고해서 만들었다.)
Free Code Camp https://www.freecodecamp.org/ www.freecodecamp.org 무료로 코딩을 배울 수 있는 사이트라고 해서 방문해 보았다. 영어권에는 무료 또는 저렴한 가격에 코딩을 배울 수 있는 사이트가 많이 있는 것 같다. 부트캠프 준비 기간 동안 적극 활용할 계획이다. Free Code Camp의 연습문제들 중 'Responsive web design'의 첫 세션을 연습해 봤다. 생활코딩의 html, CSS 강의를 이미 수강했기 때문에 새로운 것이 많지는 않았지만, 그중 input tag는 새로 익히게 된 것이라 정리를 해둔다. input tag 웹 폼을 삽입해 데이터를 수집할 수 있다. input 태그의 부모 태그 fieldset 하나의 필드를 묶는 데 사용..
