TIL

[TIL] #12. 원시자료형&참조 자료형 그리고 스코프

2022.5.12. (목) 1. 오늘의 소감 원시자료형과 참조 자료형은 쉽다고 생각했다. 근데 또 막상 실제 메모리 영역의 동작 방식을 생각하면 머리가 복잡해진달까...? 가장 핵심이 되는 명제는 “변수에 원시자료형을 할당하면 ‘값'이 담기고, 참조자료형을 할당하면 ‘주소’가 담긴다”이다. 하지만 또 정확히 말하자면 원시자료형도 메모리 영역에 저장된 후 그 주소가 변수에 저장되는 것은 맞다.... 다만 변수에 재할당을 하면 또 새로운 데이터를 메모리에 저장하고 그 주소를 새로 연결시키니까, 기존 메모리 주소와는 상관이 없어지는 것일뿐.... 내가 말하고 있지만 그림으로 보지 않으면 헷갈릴 수 밖에 없는 파트였다. 2. 학습한 키워드 원시 자료형 = 원시 타입, 참조 자료형 = 참조 타입, 값, 주소(re..

[TIL] #11. 객체

2022.5.11. (수) 1. 오늘의 소감 오늘 코플릿을 초스피드로 풀어서 기분이 짜릿했다! 마지막 21번 문제가 어려워서 어찌저찌 풀고나니 스파게티 코드가 되어버렸지만, 그래도 레퍼런스를 보지 않고 풀 수 있어서 조금 뿌듯😎! 물론 레퍼런스 코드를 확인하고 나니, 너무 간단하고 핵심적인 코드로 되어있어서 그에 반해 장황한 내 코드를 보는 게 씁쓸하긴 했지만. 그래도 점점! 알고리즘적인 문제 풀이에 재미를 느껴가고 있다! 이전의 회고록을 보니 ‘내가 헷갈렸거나 어려웠던 부분'이 어디였는지 찾는 게 어려워져서, 이제부터는 꼭 기억해야된다고 생각했던 부분 위주로 회고를 쓸 예정이다. 2. 학습한 키워드 객체, key, value, 속성, for ... in, Dot notation, Bracket Nota..

[TIL] #10. 배열

2022.5.10. (화) 1. 오늘의 소감 오늘 같이 공부한 페어분이 문제 하나 하나 풀 때마다 리액션을 잘해주셔서 기분이 좋았다. 난 표현을 잘 못하는 성격이지만 이제부터라도 페어님의 후한 리액션에 보답해드려야지!^0^ 코플릿을 풀면서 느낀 배열 공부의 핵심은! 사용하는 메서드가 immutable(원본 유지)인지 mutable(원본 변형) 인지 확인하는 것! 그리고 메서드의 **반환값 과 원본 배열의 변경을 혼동하지 않는 것!**이 되겠다. 예를 들어 배열 앞에 요소를 추가하는 arr.unshift(ele) 메서드를 보자. 원본 배열을 변경하는 mutable 메서드이기 때문에 해당 명령문 이후의 원본 배열은 ‘앞에 요소 하나가 추가된 배열’이 된다. 하지만 arr.unshift(ele)의 반환값(re..

[TIL] #9. CLI... nvm... node.js... npm...

2022.5.9. (월) 1. 오늘의 소감 익혀야할 새로운 용어들도 많았고 설치할 것도 많아서 바빴던 하루😢 터미널 명령어 익히는 부분은 재밌었다. 개인적으로 터미널창을 사용할 때야말로 굉장히 개발자... 뽕...이 차기 때문에...ㅎㅎ... ‘오, 나 좀 간지나~’ 이런 느낌으로 배웠던것 같다. 오늘 공부는 앞으로 코딩을 위해 필요한 여러 프로그램들과 패키지 매니저들을 설치하는 게 주된 진도였다. 잘 진행하다가 node.js 의 버전 관리 매니저인 nvm 을 설치하는 부분에서 문제가 생겼다. nvm 설치 완료후 잘 되었는지 nvm --version 으로 확인하니까, zsh: command not found: nvm 라는 메시지만 출력는 것이다! 분명 설치 완료까지 떴는데!!! 이것저것 구글링해도 잘 해..

[TIL] #8. 계산기를 만들자!

2022.5.6. (금) 1. 오늘의 소감 코린이는 계산기 하나 구현하는 것도 쉽지 않다😇... 정상적으로 입력시, 기본적인 계산기 기능 구현은 힘들지않았다. 하지만 연산자를 여러번 누른 다거나, 숫자가 입력 안된 상태에서 엔터키를 누른다거나, 연산자가 여러 번 들어간 식을 계산해야할 때 같은 Edge Case(극단적인 매개변수 인풋 상황)에서 어김없이 에러가 났다. 비정상적인 입력값을 처리하기 위해 if문 지옥에 빠졌다. 각 예외 케이스를 처리하면서도 이걸 어떤 조건으로, 어떤 순서대로 작성해야 오류없이 처리가 되는지 감이 잡히지 않아 울고싶었다. 우선 나올 수 있는 경우의 수를 다 적은 뒤 정리 후 코드를 쓰는 게 나은걸까. 저녁에 올라올 레퍼런스 코드를 보고 복습해봐야겠다. git 은 항상 잔디 심..

[TIL] #7. CSS 적용해보기

2022.5.4. (수) 1. 오늘의 소감 여러모로 현타도 오고, 자극도 받는 하루. 오늘 수업에서는 이틀동안 만든 계산기 목업을 자랑하는 시간을 가졌다. 난 맥 계산기와 갤럭시 계산기의 기본형을 충실히 구현하는 정도로만 CSS를 작성했다. 동기분들의 계산기 디자인이 엄청났다. 박스쉐도우를 활용해 뉴모피즘 디자인을 구현하신 분도 계셨고, 계산기에 타이머를 넣는다던가, 다크 모드를 구현한다던가... 심지어 음성인식 기능을 넣으신 분도 계셨다… 다른 분들의 발표를 들으면서 내가 적용해보고 싶은 내용들을 꼽아보자면. 1) CSS 에 변수 넣기, 2) fontawesome 사이트에서 아이콘 적용해보기. 특히 CSS 변수는 이런게 있다는 것을 알고 있었는데, 미리 공부해놓지 않아 정작 필요할 때 사용할 생각을 못..