우아한 테크 코스에서는 각 레벨이 끝나면 레벨에서 학습한 내용을 인터뷰 형식으로 진행하는 레벨 인터뷰를 진행한다. 각 레벨에서 학습한 내용에 대한 자신의 현재 상태를 파악하고, 자신이 알고 있는 지식을 말로 표현하는 연습을 통해 메타인지를 기르는 것을 목적으로 한다. 진행방식 레벨 인터뷰는 그룹 당 6명(또는 7명)이 진행한다. 1명은 인터뷰이, 3명은 인터뷰어, 2명은 옵저버 역할을 맡는다. 한명당 총 시간은 30분이며, 인터뷰 20분 + 피드백 10분으로 진행한다. 위 과정을 반복해 모든 크루가 인터뷰를 진행할 수 있도록 한다. 레벨 로그 작성 목적 레벨 1에서 자신이 학습한 내용을 복습하고, 피드백을 받기 위함이다. 레벨 인터뷰에서 자신있게 답변할 수 있는 내용을 적기 보다 레벨 1에서 어떤 부분을..
우아한 테크 코스에서는 레벨을 기준으로 각 레벨 별 각기 다른 주제에 대한 글을 작성한다. 레벨 1의 주제는 "우아한 테크 코스 한 달 생활기" 이다. 학습목표 1. 각 레벨 별로 한 편의 글을 완성하도록 한다. 2. 한 편의 글에 자신의 생각과 감정을 논리적으로 담을 수 있도록 한다. 3. 독자가 이해하기 쉬운 글을 작성한다. 진행 방식 •각 레벨 별 동일한 주제로 1개의 글을 쓴다. •진행 방식은 온라인 코드 리뷰 방식과 동일하다. (4기 저장소 참고하기!) •Markdown 방식으로 글을 쓴 후, PR을 보낸다. (woowa-writing-5) •PR에 대한 짝은 6-7명으로, 자신의 글을 제외한 나머지 글을 읽고 피드백한다. •코드 리뷰와 동일하게 계속해서 피드백을 남긴다. •마지막으로 최종 피드..
나는 레벨 1에서 테코톡을 진행했다. 테코톡은 매주 목요일 오후2시에 선릉과 잠실 동시에 진행한다. 본인 캠퍼스의 테코톡은 선착순 신청으로 직관할 수 있고, 타 캠퍼스의 테코톡은 Zoom으로 실시간 참여가 가능하다. 프론트 크루와 안드로이드 크루만 직접 볼 수 있어서 어찌나 다행이던지.. 레벨1도 이렇게나 힘든데 나중에 하면 더 힘들어질 것 같아서 빠르게 해치웠다. 발표순서는 두번째였다! 테코톡이 시작되기전에 리허설 비슷하게 기기 연결과 발표 자료 테스트를 진행한다. 리허설 할 때부터 손이 벌벌떨리고 숨이 안쉬어져서 엄청나게 걱정했다. 진심으로 우황청심원 사올까하고 고민했음. 저 슬라이드 개수가 보이는가.. 원래 40개 넘었는데 리허설 때 발표 시간이 너무 초과할 것 같아서 부랴부랴 몇개 뺐다. 근데도 ..
일단! 나는 레벨 1에 테코톡 발표를 끝냈다!! 사람들 앞에서 발표하는 것을 별로 즐기지 않는 편이라 준비하면서 많이 걱정했던 것 같다. 수업시간에 해당 키워드에 관해 이야기한 적이 있어서 예상 질문을 준비하기 편했다 테코톡 발표 준비 예상질문 1. 클로져를 이용한 함수를 할당하여 실행한 후 nul로 재할당한다면 사용되었던 클로져 데이터 값이였던 round 값은 사라지게 되나요? const increaseRound = () => { let round = 0; return () => (round += 1); }; let addRound = increaseRound(); addRound(); // round는 1 addRound(); // round는 2 addRound = null; // null으로 재할..
블록 수준 요소에는 미리 정의된 100% 너비가 있음 인라인 요소에는 미리 정의된 너비나 패딩이 없음 auto 값으로 width 속성이나 margin을 적용한다면 효과가 없음 태그 내에 존재하는 공간만 소비하도록 바인딩된 요소를 만들기 때문 따라서 직접 width값을 지정해줘야 auto가 적용
grid-column-gap minmax() repeat와 같이 쓰면 좋다. 최소 간격과 최대 간격을 지정해줌 .gird { grid-template-columns: repeat(6, minmax(150px, 1fr)); } auto-fill / auto-fix repeat()와 함께 사용된다. repeat()함수의 파라미터로 열 또는 행의 개수를 미리 지정해 주지 않고, 설정된 너비가 허용하는 한 최대한 셀을 채우게 된다 .gird { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } .gird { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } auto-fit: 그리드 컨테..
