전체 글

[TIL] #16. 기술 면접 연습하기

1. 오늘의 소감 기술 면접의 핵심은 **“내가 정말 잘 아는지, 잘 하는지 간단명료하게 설명하는 것"**이다. 특히 설명은 자신의 언어로, 되도록이면 기술적인 표현을 쓰고, 구체적인 실용 사례를 들어 이해하기 쉽게 하는 것이 좋다고 한다. 사실 예상 질문도 다 알고 있는 개념이라고 생각했는데, 말로 표현할 수 없는 경우가 태반이었다…😭 그만큼 내가 정확히 알고 있는게 없구나를 깨달았다. 앞으로 블로깅할 때는 개념을 제대로 이해하고 실제 자주 쓰는 사용 예시까지 확인해야겠다. 그래서 실전 면접에 바로 쓸 수 있게 ‘내 언어'로 기록하는 습관을 들여야겠다. 그리고 답변 근거로 킹왕짱은 HTML Living Standard 같은 공신력있는 스펙 문서! 이걸 언급하면서 ~~게 코딩하는 쪽이 더 좋은(시멘틱한)..

[TIL] #15. 나만의 아고라 스테이츠 만들기

2022.4.26. (화) 1. 오늘의 소감 ‘나만의 아고라스테이츠 만들기' 과제는 정말 어려웠다. 딱 Bare Minimum 까지만 완료했는데도 진이 빠졌다. 실제로 화면에 구현되는 코드를 작성하는 건 재밌었지만, 막히고 찾고, 막히고 찾고, 하는 부분이 많아서 진행 속도가 더뎠다. 그러면서 직접 부딪히면서 새로 알게 된 내용들도 꽤 되는 건 좋지만… 아직 더 공부해야될 게 많다는 걸 절실히 느낀 과제였다. 어드밴스드 단계까지 진행하지 못한 건 많이 아쉽다… 저녁에 갑자기 이전 페어분께 연락이 왔다. ‘디스커션 추가’ 파트를 알려줄 수 있냐고 내게 여쭤보셨는데, 사실 나도 어떻게든 머리를 쥐어짜내 굴러가게 만든거라 깔끔하게 설명할 자신이 없었다. 하지만 남에게 알려줘야되니 한 번 더 구조를 눈에 익히고..

[TIL] #14. 입력폼 만들기 & DOM과 JS 역사 & 컴퓨터 공학 기초 지식

2022.5.17. (수) 1. 오늘의 소감 오늘은 페어 프로그램으로 입력폼을 만드는 실습을 했다. 기초적인 형태를 만드는 과제는 통과했기 때문에, 나와 페어분은 naver 회원가입창을 보고 클론 코딩을 해보는 자체 과제에 돌입했다. 그런데 은근 CSS가 시간을 많이 잡아먹어서 완성하지는 못했다. CSS 숙지가 좀 느린 것도 있고…😇. 해당 프로젝트는 내일과 주말을 이용해 완성할 생각이다. 실시간 세션에서 크루님이 DOM 과 자바스크립트의 간략한 역사에 대해 설명해주셨다. 굉장히 흥미로워서 재밌게 들었다. 확실히 무언가가 ‘왜' 생겨났는지 알면 개념을 이해하기 쉬워지는 것 같다. 내가 속한 Vanilla 스터디에서 전공 지식을 겸비한 팀원분이 기초적인 컴퓨터 지식에 대해 강의해주셨다. 덕분에 CPU 와 ..

[TIL] #13. DOM 다루기

2022.5.17. (화) 1. 오늘의 소감 잠을 잘못 잤는지, 아침에 일어나자 마자 오른쪽 어깨죽지가 찢어지듯 아팠다. 스트레칭을 해보고 마사지를 해봐도 풀리지 않았다. 오른 어깨가 아파 잘 움직이지 못하는 상태에서 필기하고 코딩하려니 죽을 맛이었다... 😇 매일 꾸준히 스트레칭과 체력관리를 하지 않은 업보인가 보다. 2. 학습한 키워드 DOM, 웹 브라우저는 HTML 문서를 읽는 과정에서 태그를 만나면 HTML 해석을 멈추고 요소를 먼저 실행한다. 태그의 js 파일에서 다 해석되지 않은 HTML 요소를 접근을 하게 되면 해당 요소를 못찾게 된다.이 문제를 예방하기 위해 scipt 태그를 태그 마지막에 넣는다. DOM 은 트리구조를 가진다. 트리구조란, 하나의 부모가 여러 개의 자식을 가진 구조가 반복..

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

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

[TIL] #11. 객체

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