S1 Unit 1. Learn How to Learn

💡 이번에 배운 내용

• Section1.
  웹 프론트엔드 개발의 기초지식을 기반으로 스스로 단순한 Web App을 만들 수 있다.
• Unit1. Learn How to Learn: 앞으로의 학습방향에 대해 배운다.

느낀 점

8:2의 시작!
개강하며 하고싶었던, 새로운 것을 시작하는 데서 오는 설렘 80%,
과연 내가 포기하지 않고 끝까지 잘 해낼 수 있을까 하는 두려움 20%로 시작했다. 학습방향과 마인드셋을 알아가며 생각하게 되는 내용과 메타인지를 통해 지금 나의 상태를 파악하면서 '나는 할 수 있다'는 학습 동기부여가 되는 좋은 순간이었다.

키워드

성장형 마인드셋, 메타인지, 페어 프로그래밍, 좋은 질문하기, chrome 개발자 도구

학습내용

Ch1. 메타인지 학습전략

성장형 마인드셋

나의 뇌와 역량은 고정된 것이 아니라 꾸준한 노력과 학습을 통해 더 성장할 수 있다. 마음가짐을 계속 성장할 수 있다는 쪽으로 바꾸고 실천하게 되면 놀랍게도 뇌도 같이 성장하고 지능, 재능도 발전할 수 있다. 결과가 아니라 계획, 전략, 향상에 초점을 두자.

메타인지와 학습을 연결하기

• 나의 현 상태를 객관적으로, 냉정하게 바라보고 모니터링 하기
• 모니터링한 결과로 부족한 점을 파악하고, 전략을 세우거나 수정하기
• 바뀐 전략을 실제로 적용하기적용해보고 또다시 모니터링하여 반복하기
• 실패와 피드백을 그대로 받아들이고 나는 더 나아질 것이라는 믿음을 버리지 말기
• 중요한 것은 속도가 아니라 내게 맞는 학습방법을 찾는 것

메타인지적 활동

• 모르는 것과 아는 것을 솔직하게 구분하자
• 아는 것은 가볍게 확인 후 빨리 넘어가자
• 모르는 것은 잘 읽어보고 기록하자

개인 블로그에 회고 작성하는 방법

이 방법은 앞으로의 학습 기록에 유닛단위로 작성하며 적용할 예정이다.

• 느낌: 학습을 하기 전후, 하면서 느꼈던 내용, 기분
• 키워드: 이번 유닛의 중요한 학습 키워드를 정리
• 학습내용: 오늘의 학습내용을 요약하거나 설명
• 질문해보기:
  • 설명하기 어려웠던 단어나 질문에 스스로 답하기
  • 추가로 궁금했던 질문에 스스로 답을 작성하기

Ch2. Pair Programming

가이드라인

• 페어와 함께 하기 전에 스스로 개념 정리
• 페어와 연락하여 네비게이터, 드라이버로 나눠서 진행하고, 역할을 바꿔가며 진행하기 (세 명이면 한 명이 드라이버)
• 고민해봐도 진행이 정 어려우면 아고라 스테이츠 등 질문하기
• 진행 후 페어 리뷰 남기기

내비게이터(숲)

문제를 전체적으로 바라보고 질문을 던지며 방향 제시(직접적인 답은 X)
오타나 에러를 보고 바로바로 피드백

드라이버(나무)

네비게이터가 제안한 방향에 따라 구체적인 방법을 생각해보고 코드 작성
자신이 작성한 코드 설명

Ch3. 의사 코드

의사 코드

대강의 방법은 알고있다. 코드가 써지질 않을 때 쉬운 말(...자연어)로 작성하기. 지금부터 계속 습관을 들여놓아야 한다!

• 작은 부분부터 계획과 순서를 작성하기
• 의사코드를 반복해서 작성해야 큰 규모의 프로그래밍도 가능하다!
• 페어와 함께 프로그래밍 할 때 함께 의사코드부터 짜는 습관 들이기

//예시-나이가 19세 이상이면 "성인이에요" 알려주기
//1. 나이를 확인한다.
//2. 나이가 19세 이상인지 아닌지 판단한다.
//3. 나이가 19세 이상일 경우
//4. "성인이에요" 알려준다. 

Ch4. Chrome 개발자 도구

console 탭

크롬 창에서 우클릭-'검사' 또는 F12(mac은 fn+F12)를 눌러서 개발자도구를 연다.
console탭에서 내용을 작성하여 Enter키를 누르면 자바스크립트 구문을 바로바로 입력하여 실행해볼 수 있다.
편하게 연습하기 위해 빈 내용의 새 탭을 열면 도움이 된다.(확장팩 'Blank New Page')

elements 탭

현재 렌더링된 웹페이지의 HTML을 보여준다.
부모의 접혀진 화살표를 클릭하면 하위 자식요소들을 보여준다.
좌측 상단의 마우스모양 아이콘을 클릭하고, 화면의 이미지들을 클릭하면 해당 요소의 태그를 바로 볼 수 있다.
태그를 선택한 채 하단의 styles탭을 보면 그 요소의 CSS를 확인하고 수정할 수 있다. 마찬가지로 HTML창에서 내용 편집도 가능하다.

Ch5. 좋은 질문하기

질문하기 전에 먼저 검색하기

• 검색하며 문제점을 구체적으로 찾을 수 있다.(최소 20분)
• 내 문제를 설명하는 키워드를 찾자: how to~, difference A and B 등으로 검색하면 더 좋다!
• 일단 질문하자: 두려워말라!
• 질문에 좋은 제목을 달자: 제목만 봐도 답변할 수 있게끔
• 코드를 붙여넣기 전에 현재 상황을 먼저 설명하자
• 내 문제를 재연할 수 있게 정보를 제공하자: codepen 등등(https://codepen.io/)
• 답변에 진심으로 감사하자!

좋은 답변하기

• 왜 좋은 답변이 필요한가?:
  내가 진짜 잘 아는지 확인하고, 면접장에서 근거있는 자신감의 근거가 된다!
• 좋은 답변 하는 방법
  • 질문을 꼼꼼히 읽고 문제의 핵심을 파악한다.
  • 정답과 정답인 이유를 구체적으로 작성한다.
  • 객관적인 근거를 기반으로 한다.
  • 따뜻하게 소통한다.

모르는 것을 검색하는 Tip

• 문제를 잘 읽고 모르는 것을 구체적으로 파악한다.
• 구글링을 smart하게 한다:
  • 'mdn (자바스크립트)키워드'로 검색하기(가장 정확한 레퍼런스!)
  • mdn을 봐도, 읽어도 어려운 경우: 자연어로 검색하되 가급적 영어를 사용
    (ex. how to ~ in javascript)
  • 그래도 해결이 안 된다면: 이전 검색 결과의 상단에 나왔던 키워드를 주제로 다시 검색해보기
  • 에러 발생 시 에러 자체를 검색하기

질문해보기

1. 나는 개발자가 되기 위해 고정형 vs 성장형 마인드셋 중 어떤 마인드셋을 가지고 있나?
성장형 마인드셋을 지향하지만 막상 일하거나 공부하다 보면 한계에 부딪힐 때가 종종 있다. 그럴 때는 성장형 마인드셋을 가졌더라도 그 폭이 크지 않을 거라는 생각이 든다. 그래도 아직 끝나거나 끝이 보이는 것은 아니니 계속 가고 있는 중이긴 하다.

2. 성장형 마인드셋을 가지기 위해 필요한 것은?
말 그대로 마인드셋이기에 마음가짐과 그 마음가짐으로 이르게 하는 동기부여가 중요하다고 생각한다. 사실 머리로는 알고 있지만 생각만큼 몸이 따라줄까, 결과는 보잘것없지 않을까 하는 생각에 마음먹기가 쉽지 않다. 그렇기에 끊임없이 동기부여를 받을 수 있는 환경에 나 스스로를 던지는 게 중요하다고 생각한다. 예를 들어 혼자가 힘들면 강제로 스터디에 참여하여 함께 공부하거나 주변에 열심히 꾸준하게 하는 친구들과 이런 이야기를 나누는 것들. 실제로 마음이 흔들릴 때 큰 동기부여가 되었다.

3. 나는 어느 부분이 상대적으로 부족한가?

• 알고리즘 문제를 풀 때, 코드를 작성할 때 해결하는 속도가 느리다.
• 막히는 부분이 있으면 너무 오래 잡고 있었다.
• 가끔 답변을 봐도 바로 이해가 힘들 때가 있었다.
• 실전 상황에서 돌발 상황이 발생했을 때 대처하는 것이 부족하다.

4. 나의 부족한 부분을 보완할 수 있는 방법

• 시간을 정해두고 시간이 넘어가면 쿨하게 답변을 본다.
• 답변을 보고 부족했던 점 기록하고 되짚는다.
• 질문하는 것을 두려워하지 말자.
• 틀리더라도 부딪히고 실패했어도 시간을 두고 다시 도전한다.
• 나만의 학습 전략에 대해서 생각해 보고 학습 계획을 세워본다. 이 계획은 실패할 때마다 늘 갱신한다.