TIL ( CODESTATES) (62) 썸네일형 리스트형 Linting sprint repository에서 npm run lint 라고 입력하니까 lint 가 실행되면서 어떤 파일에서 어떤 에러가 있는지 자세히 나왔다. 무려 113 errors 1. no-undef 에러가 대부분이니까 여기서부터 해결해야겠다. 먼저, no-undef 에러는 mocha 에서 사용하는 함수 관련 에러라고 한다. no-undef 에러가 발생하는 이유 The no-undef rule will warn on variables that are accessed but not defined within the same file. If you are using global variables inside of a file then it's worthwhile to define those globals so t.. git branch 생성, ESLint 설치 git branch branch 생성하는 것과 작업공간 이동하는 것을 테스트 해 보기 위해 코드스테이츠에서 제공하는 repository 하나를 먼저 클론했다. 그리고 그 repository에서 git checkout -b branch1 이라고 입력하면 1. branch1 이라는 새로운 branch를 생성하면서 2. branch1 로 작업공간을 옮기게 된다. 그리고 git checkout branch2라고 하면 branch2로 옮겨갈 수가 있다. 그런데 한가지 궁금한 게 생겼다. 원본에서 branch2를 만들어 보고 싶은데 원본으로 어떻게 옮겨가지? 원본의 이름은 뭐지? 검색하다가 알아낸 것은 branch의 목록을 조회하는 방법이었다. git branch 라고 입력하면 branch들의 목록을 알 수가 있고.. 내가 진짜... 개발자가 될 수 있을까 내가 '진짜 개발자' 가 될 수 있을까 말고 내가 진짜... '개발자'가 될 수 있을까. 어제와 오늘 nvm과 npm install 을 하면서 자괴감이 들었다. 그 간단한 걸... 이거 설치도 제대로 못해서 찾아보느라 버린 시간을 생각하니....음. 먼저 nvm 설치에서 겪었던 문제점은 (nvm을 이용해 node.js를 설치해야해서 nvm 설치가 필요했다.) 1. 터미널에 아래 명령어를 입력하는 과정에서 $ 까지 적어 넣는 실수를 했다. $ touch ~/.bash_profile $ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash 사실 그때까지만 해도 '실수'라고 알기 보다는 해 보고 안 되니까 넣으면 안되는 .. 코드스테이츠 18주차 - Immersive 시작 Immersive 코스가 시작되고 오늘은 첫 수업이 있는 날이다. 7:30 부터 시작하는 것으로 pre 코스 때보다 30분 늦춰져서 다행이다. 애리 밥 먹이고 노트북 열기 바빴는데 잠깐이나마 숨 고를 시간이 생겼다. 수업 전 이번 수업의 목표를 쭈욱 살펴보았다. Immersive 과정에서 사용하게 될 node.js 및 nvm, npm, package.json의 역할에 대해 이해할 수 있다. 테스트를 npm을 통해 실행시킬 수 있다. 이런 게 적혀 있었다. '이런 게'. 두 가지 감정이 동시에 들었다. 1. 어.. 그러니까 응? 아는 게 하나도 없네. 힝 2. 최소 2주 뒤엔 내가 저 개념을 알게된다고? 옴마야! 신난다!! 진짜 2주 뒤에 지금 설렜던 것 만큼 개념을 잘 이해하게 될지 궁금하다 ㅋㅋㅋㅋ 코드스테이츠 14주의 끝 지난 2주 동안 진행한 underbar 과제는 꽤 재밌었다! 코로나 때문에 어린이집이 휴원해서 결국 3주 동안 하루종일 애를 봐야했지만 공부가 어렵지만은 않아서 잘 견뎌낼 수 있었던 것 같다. 과제의 내용은 배열과 객체를 다루는 underbar라는 라이브러리를 직접 만들어 보면서 메소드의 작동 원리를 이해하는 것이었다. _.each 를 만들고 나면 다음 문제부터는 내가 만든 _.each를 활용해서 다른 코드를 만들 수 있다는 것도 아주 흥미로웠다. 이번에 *민우님과 함께 진행했던 페어프로그래밍도 잊을 수가 없다. 어떻게 그렇게 수학적 사고(?)를 쉽게 하시는지. 그냥 부러웠다. 이해가 가지 않는 부분을 질문하면 침착하게 답변도 잘 해주시고 '편하게' 해주셔서 고마웠다. 이런 게 페어프로그래밍의 묘미인 것.. html tag <label> mdn 을 요소와 연결할 경우의 이점 label 텍스트는 텍스트 입력과 시각적으로 관련이 있을뿐만 아니라 프로그래밍적으로도 관련이 있다. 예를 들어, 화면리더기(screenreader) 는 폼 입력(form input)에서 label 을 읽어서 보조기술(assistive technology) 사용자가 입력해야하는 텍스트가 무엇인지 더 쉽게 이해할 수 있게 한다. 관련 label 을 클릭해서 input 자체에 초점을 맞추거나 활성화를 시킬 수 있다. (활성되어서)늘어난 누를 수 있는 영역(hit area)은 터치스크린 사용자를 포함해 입력하려하는 모든 사람에게 이점을 준다. 을 요소와 연관시키려면, 에 id 속성을 넣는다. 그런 다음 에 id 와 같은 값의 for 속성을 넣는다. 또는, 안에 을 중첩시킬 .. DOM - CRUD (코드스테이츠) 코드스테이츠 강의 중 DOM 을 조작한다 : JavaScript를 통해서 html 을 조작한다. (html은 프로그래밍할 수 있는 게 아니기 때문에.) 아래 Tweet List 에서 'new' 라는 내용의 새로운 div를 만들려고 한다. CRUD 의 과정을 하나하나 적어보았다. 원본 html 은 아래와 같이 container라는 아이디를 가진 div 태그 아래에 4개의 div 태그가 있었다. CREATE : element를 생성한다. element 를 활용하기 위해 변수로 선언하고 그 결과를 값으로 할당했다. document.createElemtent('div') 변수로 선언하고 값을 할당했지만 아직 새로 생성된 div 태그는 누구와도 연결되어 있지 않다. 이 상태를 node 라고 한다. APPEND :.. JavaScript - DOM. 제어대상 찾는 법 (생활코딩) 코드스테이츠 - DOM 생활코딩 - 클라이언트 - DOM DOM : Document Object Model HTML (Document) 에 접근하여 Object (JavsScript Object)처럼 HTML을 조작 (manipuation) 할 수 있는 Model 즉, JavsScript 를 사용하는 방법을 알면 DOM을 활용하여 HTML을 조작할 수 있다. 문서를 자바스크립트로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용한다. 문서 내에서 특정 태그에 해당되는 객체를 찾는 방법은 여러가지가 있다. (코드스테이츠 내용 중 'get'으로 시작하는 건 old way라고 함) 1. document.getElem.. 이전 1 ··· 4 5 6 7 8 다음
