반응형 분류 전체보기253 [JavaScript] zeroCho 자바스크립트 강의 3강 순서도 그리기 prompt - 사용자의 입력값을 받을 수 있다 alert - 알림창(경고창) confirm - 확인창 document.querySelector('선택자'); 선택자는 HTML 태그를 선택할 수 있게 하는 문자열. 태그가 여러 개 일 때 document.querySelectorAll NodeList는 []나오지만 배열이 아니라 객체이다. addEventListener 를 붙여 이벤트를 연결 할 수 있다. 클릭 이벤트의 이름은 클릭 버튼을 클릭하면 onClickButton 함수가 실행 된다. 태그.textContent - 태그 내부의 문자열을 가져옴 태그.textContent = >값 - 태그 내부의 문자열을 해당 값으로 설정함 Q . 태그들의 내부 값을 가져올 때 어떤 속성을 사용하여야 하.. 2021. 8. 17. [TIL] 2021. 08. 15 주말에 스터디하면서 약속한 숙제를 다 못해서 다시 알고리즘을 풀었다. 처음에 자바스크립트에서 입력값을 어떻게 줘야하는지 고민했다고 하면 그래도 문제를 좀 풀다보니까 필요할때마다 readline과 fs중에 골라서 사용을 할 수 있게 되었다. 둘다 사용한 문제에서는 나는 fs가 더 편해서 그 형식을 더 많이 사용한 것 같다. 이게 생각보다 readline을 사용하면 입력값을 다 입력해 주고 난 이후에 ctrl + d를 누르는게 영 익숙하지가 않아서 그런 것 같다. 강의는 듣는 것 뿐만 아니라 아는부분에서도 한번 더 점검을 하면서 가는게 좋을 것 같아서 아는 부분이라도 하나씩 정리를 하면서 들었더니 조금 속도가 더디지만 이게 아무리 속도만 빠르다고 좋지 않은걸 이미 경험해본 나로써는 그냥 만족하는 중이다. 진.. 2021. 8. 16. [JavaScript] 제로초 강의 2강 공부 parseInt : 문자열을 정수로 바꾼다. parseFloat : 문자열을 소수로 바꾼다. ex) parseInt('3.14') => 3 parseFloat('3.14') => 3.14 ex) typeof parseInt(prompt())) => number prompt : 사용자가 직접 값을 입력할 수 있다. (문자열 입력) 숫자로 바꾸려면 parseInt(prompt()); 로 해주면 된다. '문자열' + 0 을 하면 "문자열 0" 으로 숫자였던 0이 문자열로 바뀐 후 문자열과 더해진다. 이처럼 바뀌는 행위를 type casting(형 변환) 이라고 한다. 0.1+0.2 = 0.300000004; 가 나온다 이런 이유는 컴퓨터가 2진법으로 계산하는데 소수점을 나타내주는게 힘들다. 부동소수점 계산을 .. 2021. 8. 15. [TIL] 2021. 08. 14. 우선 정리할께 있어서 나갔다 와서 늦은 저녁이 되어서야 공부를 시작할 수 있었다. 조금만 풀려고 했던 알고리즘 문제를 같이 풀다 보니 새벽 5시까지 풀게 되었다. 원래 파이썬으로 풀었던 알고리즘 문제를 자바스크립트로 풀려니 왜 파이썬이 쉽다고 하는지 알 것 같았다. 파이썬에선 빠르게 풀 수 있는 문제를 자바스크립트에선 고민할께 더 추가된 기분이었다. 그래도 맨처음 자바스크립트도 알고리즘 풀기로 했을 때 보다는 지금은 많이 나아진 편이라 재미있게 풀기 시작한 것 같다. 내가 풀 때 몰랐던건 console.log("*".repeat(a)) 정도였다. 그래도 저걸 알고 문제를 풀기 시작하니까 살짝 살짝 응용도 할 수 있게 되었다. 아직 자바스크립트에 대한 문법이 감으로나마 머리속에 들어오지 않아서 생기는 실수.. 2021. 8. 15. [CSS] Flex CSS display: flex; 기본적으로 justify-content는 row(가로)로 되어있기 때문에 main axis는 가로 / cross axis는 vertical(세로)로 되었다. 그러나 flex-direction: column을 하게되면 반대로 main axis는 vertical cross axis는 row로 변경되게 된다. 반응형으로 적용을 했을 때 박스모양이 망가지는 것을 방지하려면 flex-warp: warp을 사용하면 된다. 박스모양의 순서를 뒤집고 싶으면 flex-warp: warp-reverse 를 해주면 된다. 👍flex-grow : 자신이 가질 수 있는 최대 즉 여백의 값까지 가지게 된다. (반응형때 유용) flex-shrink : 만약 flex-shrink값을 2를 주었다면 그 값을.. 2021. 8. 13. [TIL] 2021. 08. 13 2021. 08. 13. 오늘은 자바스크립트로 알고리즘 문제를 처음으로 풀었다. 파이썬으로 풀때는 엄청 쉬웠던 문제가 자바스크립트를 사용해서 풀기 시작하니까 너무 어려웠다 . https://github.com/hyemin085/algorithm GitHub - hyemin085/algorithm Contribute to hyemin085/algorithm development by creating an account on GitHub. github.com 또한 CSS를 공부했는데 그냥 display: flex를 쓰면서 justify-content도 그냥 space-between만 썼었는데 다양한 방법이 있는 것을 알게되었다. flex에도 정말 다양한 방법이 존재하는게 신기했다. 조금 더 알았으면 뷰잡을 .. 2021. 8. 13. 이전 1 ··· 37 38 39 40 41 42 43 다음
