본문 바로가기

분류 전체보기

 (72)
global , globalThis imm-prep 과제를 하다가 우연히 global 을 입력하려고 했는데 위에 reference 로 globalThis가 나온 걸 보았다. 테스트를 해 보니 globalThis를 적어도 코드가 통과가 되었다. office hour 때 질문할 시간이 생겨서 물어보니 많이 못 들어본 것 같아서 알아보고 얘기해 주신다고 했었다. 그냥 알려주신대로 global만 잘 쓸 걸 괜한 걸 물어봤나 하는 생각이 잠시 들었다. 그리고 오늘 설명해 주신 걸 들으니 물어보길 잘했구나 싶었다. ㅋㅋㅋㅋㅋ 최근에 생긴 따끈따끈한 구문이라고!! 대충이라도 조금 정확하게 알기 위해 내용을 정리했다. global 브라우저에 있는 전역 객체 window 처럼 node 에 있는 전역 객체는 global 이다. __filename, __di..
구조 분해 할당 - 배열 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식 할당문의 좌변에서 사용하여, 원래 변수에서 어떤 값을 분해해 할당할지 정의한다. 과제에서 나왔던 내용을 바탕으로 구조분해할당을 공부해 보려고 한다. (MDN 순서를 따름) 내가 답을 채워 넣었을 때 했던 생각을 그대로 정리해보고 나중에 피드백을 받으면 수정할 예정이다. 1. 배열 구조 분해 기본 변수 할당 describe('구조 분해 할당(Destructing Assignment)에 관해서', () => { it('배열을 분해합니다', () => { const array = ['code', 'states', 'im', 'course'] const [first, second] = array // 할당문의 좌..
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 속성을 넣는다. 또는, 안에 을 중첩시킬 ..

티스토리툴바