사전스터디 3-4주차

혜린·2022년 8월 7일
2

기록

목록 보기
3/3
post-thumbnail

3주차


# 자기소개 웹페이지 완성

드디어 5가지의 자바스크립트를 추가한 자기소개 웹페이지를 완성했어요🎉 1-2주차 때 자기소개 웹페이지에 손을 많이 못대서 3주차에는 꼭 여러 기능을 추가하리라 다짐했었는데 나름 성.공.적이에요!😊

완성시킨 뒤, 블로그 포스팅에도 꽤나 공을 들였답니다. 제가 열심히 한 과정을 전부 기록해두고 싶었어요. 작성하며 그 과정들이 제 머릿속에 더 선명해짐을 느꼈어요. 자바스크립트 코드를 중점적으로 코드 하나하나 뜯어가며 자세히 설명했는데, 대충 넘겼던 개념에 대해 다시 생각해볼 수 있는 시간이 됐던 것 같아요.

감사하게도 좋게 봐주시는 분들이 많았는지 제 블로그 역사상 최단기 최고 조회수와 하트수를 기록하고 있답니다😱💕 velog 트렌딩 페이지에서 글을 확인할 수 있는걸 보고 정말 OMG.. 다들 어떤 경로로 이런 누추한 곳에..★ 70개가 넘는 글을 작성하며 한 번도 그랬던 적이 없어서 너무 신기해요! 부족한 점이 많은데 많은 분들이 글을 봐주셨단 생각에 부끄럽기도 하면서, 더 열심히 노력해야겠단 생각이 들었어요.

그리고 댓글로 맥북 크롬으로 보면 UI가 깨져보인다고 알려주시는 분도 계셨는데 얼마나 감사하던지요!🙏🏻 맥북이 없어서 일단 아이패드에 크롬 깔아서 확인했어요. 제일 먼저 보이는 타이틀이랑 버튼이 좀 깨지는걸 발견하고 언넝 수정해줬답니다! 실서비스 개발할 때 핸드폰 기종별로 다양하게 다 확인해본다는 얘길 들은적이 있었는데 이래서 그렇구나,,를 새삼 느꼈어요!



# Repl.it(레플릿) 문제풀이

스터디원분들과 4주차 화요일까지 레플릿 문제를 풀어오기로 했었어요. 2개 정도 연습삼아 풀어본 뒤, 한 번도 손을 대지 않았던 저는 부랴부랴 풀었답니닷.. 미리미리 해둘걸(*ゝω・)ノ힣

레플릿 문제는 자바스크립트 기본 개념과 관련된 문제였어요. 기초문법 공부가 되어있는 상태라면 쉽게 풀 수 있는 정도였답니다! 한번 쭉 복습하는 느낌이었어요.

근데 두둥.. test를 돌려볼 수 있는걸 뒤늦게 알았아요. 문제 다 풀고 깨달았답니다. 콘솔로 확인해보고 제출했는데, 막상 test를 돌려보니 error가 나는 문제가 꽤 있었어요. 콘솔로는 분명 답이 맞는데 왜지?란 생각에 error문구 보며 pass할 때까지 붙들고 있었어요😭 문제 다 푸는건 하루만에 다 끝났는데 이 문제로 하루를 더 끌었답니닷..

그래도 결국엔 error가 계속 났던 이유를 발견했어요😎 지정한 함수에 제가 인자를 임의로 만들어 넣어주거나, 혹은 지정한 함수 이외의 함수를 따로 만들어 코드를 작성한 경우 모두 error가 나더라구요. 지정한 함수 안에 임의로 인자를 만들어 추가하지 않고, 지정한 함수 내부의 {}안에만 모든 코드를 작성해 return값으로 문제에서 원하는 결과가 나오게 해야해요.

지정된 함수만 사용해 결과값을 출력해야한다는건 modle.exports = { 함수명 }으로 짐작할 수 있지만, 인자를 임의로 내가 만들어 넣어주어서도 안된다는건 따로 나와있지 않아 헷갈릴 수 있겠더라구요!

4주차 화요일 스터디모임 때 스터디원분들에게 해당 내용을 공유하며 레플릿 문제는 깔꼼하게 잘 마무리했습니다🤗



4주차


# 객체 공부 및 발표

4주차 화요일엔 위에 말했던 것처럼 레플릿 문제를 중점적으로 스터디가 진행됐어요. 그리고, 목요일에는 제가 객체에 대한 발표 맡아 하게됐어요. 4주차 학습목표였던 6가지 주제 중, 아래의 3가지를 주제로 발표했답니다.

📖 발표 주제
1. 객체의 값 수정, 추가, 삭제하기
2. 객체와 배열이 섞인 복잡한 객체 만들어서 접근하는 방법
3. 배열의 타입이 객체인 이유

보다 더 정확한 정보를 전달하고 싶은 마음에 다른 분들이 정리해두신 블로그 내용보다는 조금 더 공식적인 자료를 참고하고자 했어요. 그 때, 모던 자바스크립트 Deep Dive와 모던 자바스크립트 튜토리얼이 많은 도움이 되었답니다. 딥다이브같이 벽돌같은 책을 언제 내가 펼쳐볼까 생각했는데, 왜 사두면 좋다고 하는지 이해할 수 있게됐어요🤭

저는 자바스크립트라는 언어를 처음 접했을 때 정말 어렵고 버겁다는 느낌을 많이 받았었거든요. 그래서 발표할 때 좀 더 자세하게 하나하나 짚어가며 설명하고자 했답니다. 그리고 이에 대해 스터디원분들께서 좋게 봐주시는 것 같아 감사히 발표를 마칠 수 있었습니다! 온라인으로 발표하는 것임에도 불구하고 발표는 할 때마다 꽤 긴장되더라구요,,ㅎㅎ

💁🏻‍♀️ 발표할 때 신경썼던 부분

  • 정확한 정보 전달
  • 쉬운 설명
  • 자연스러운 설명의 흐름

발표 주제 중, '배열의 타입이 객체인 이유'는 잘 정리해두면 좋을 것 같아 블로그 포스팅으로도 남겨두었어요. 기술면접 때 쓰일 수 있기를~! ٩( ᐛ )و



# 공식 스터디 기간 마무리

🎮 4주차가 끝남으로써 공식적인 스터디 기간은 끝났어요. 4주가 이렇게 빨리 가다뇨..저희 스터디에선 다음주 화요일에 가벼운 게임 느낌으로 각자 문제를 하나씩 준비해오기로 했어요. 아이스크림 사주기를 걸어두고 진행될 것 같아요!♪ ( ᷇࿀ ᷆ و(و "

🚩 이제 오프라인 개강 시작 전까지 일주일 정도가 남았는데 어떻게 보내면 좋을지 아직 고민돼요. 너무 많은 공부량을 욕심내지 않고 조금씩이라도 꾸준히 해볼 생각이에요.

profile
FE Developer

0개의 댓글