Til

2주 3일차 - HTML/CSS 활용

1. 리뷰 flex의 자식요소에 적용되는 속성들에 대해 제대로 이해하지 못하고 과제를 진행하여 의도대로 구현하지 못하고 하드코딩으로 때웠다. 현업의 방식처럼 margin을 지양하고 flex나 position속성을 이용하여 여백을 주는 법을 숙지하도록 해야겠다. 앞으로 bem 방식을 숙하고 가급적 class선택자 위주로 사용하도록 하되 구조가상클래스 선택자에 대한 공부는 더 필요하다. 개강하고 사실상 계단 오르기정도 말고는 운동을 거의 못했다. 오전에 하던지 정규시간 종료 후 하던지 반드시 해야겠다. 배나오고있다. 수기로 쓰던 앱으로 쓰던 플래너를 다시 사용해야겠다. 또 개강 이후론 공부시간을 측정하지 않았는데 다시 측정해야겠다. 쉬는 시간과 공부시간의 명확한 구분이 필요하다. 집중력과 시간 안배가 개선할..

2주 2일차 - HTML/CSS 활용

계획 오전 줌 세션 전까지 flex 실습 코플릿 반복문 문제 17, 18번 복습 3시 페어 전까지 flex 반복숙달 정규일정 종료 후: flex/grid 공부 페어와 추가 공부 필요시 이어서 진행, 아니면 딥다이브 변수파트 공부 정렬알고리즘 til정리 0. 아고라 스테이츠 줌 세션 질문자 입장: 바보같은 질문이지 않을까, 내가 선임에게 일을 딜레이시키지는 않을까, 내가 뭘 모르는지 몰라서 선임자 입장: 질문 좀 해줬으면 좋겠는데, 이거 이거 이런건 설명하지 않으면 처음에 업무를 이해하기 힘들텐데 질문자: 필요한 말을 구체적이고 명료하게 전달하는 게 포인트 개발을 배울 수 있는 회사: 맞선임이 있는 회사 나를 담당할 선임이 없다면? : 검색 Don’t reinvent the wheel. javascript..

2주 1일차 - css 기초

1. 리뷰 css 공부를 미뤄두고 있다가 오늘 몰아치게 되니 힘들었다. 2. 학습 키워드 background 속성과 background-color 속성의 차이 태그의 rel 속성: 현재 문서와 외부 리소스의 연관관계를 나타내는 필수 속성 css를 적용하는 3가지 방법 태그 선택자 id vs class 하나의 요소에 여러 class 동시에 부여 fallback글꼴 웹폰트 절대단위와 상대단위를 언제 어떤걸 쓰는지 3. 스스로 설명해보기 background 속성과 background-color 속성의 차이 background: 단축속성으로 color 뿐만 아니라 배경의 모든 속성 지정가능 background-color: 배경의 color만 지정 가능 태그의 rel 속성: 현재 문서와 외부 리소스의 연관관계를 ..

SEB FE 39기 1주차 회고

회고 어떤 부트캠프던 간에 프론트엔드라면 부트캠프 일정 시작 전에 html로 마크업 하는 법, css 기초 문법은 알고, 자바스크립트로 조건문과 반복문, 배열과 객체 메소드를 사용하여 기본적인 문제 풀이는 가능한 수준으로 공부를 하고 오는 것을 권장함. 부트캠프의 진도는 빠를 수밖에 없다. 1주차에선 첫번째 페어분과 변수와 자료형, 두번째 페어분과 조건문과 반복문 문제를 푸는 페어 프로그래밍을 진행했다. 페어 프로그래밍을 진행하면서 페어보다 내가 잘 할 경우, 페어가 나보다 잘 할 경우 두가지를 모두 겪어 보았고, 둘 중 어떤 상황이라도 서로가 윈-윈 할 수 있도록 나름 노력하였다. 내 주관적인 경험이지만 나는 1주차의 페어 경험들은 모두 만족스러웠다. 프로그래밍적 사고와 수도코드 작성이 초보시절 구현능..

1주 6일차 - 조건문/ 반복문 복습

조건 분기 관련 참고 자료: https://velog.io/@jangws/9.-Else-if와-Else를-피하고-Early-Return하자 1. 리뷰 첫번째 페어분과 코플릿 반복문 문제를 복습하였다. 나도 아직은 배워야 할게 산더미인 뉴비지만 그래도 누군가에게 도움이 될 수 있어 보람찬 시간이었다. 고난도 문제가 몰려있는 뒷부분 문제는 시간상 다루지 못한 관계로 내일 저녁에 다시 줌 미팅하며 리팩토링 하기로 했다. 확실히 부트캠프 과정을 진행하며 내가 혼자가 아니구나, 다 같이 성장하고 있구나 느껴진 한 주였다. 2. 학습 키워드 else if, else 지양 early return 부정조건문 지양 Math.abs() 3. 스스로 설명해보기 else if 사용을 지양하는 이유: 논리의 불명확성 else ..

1주 5일차 - html 기초

1. 리뷰 아무리 공지용이라도 디스코드도 sns다... 요즘 너무 과하게 들여다보는데 공부할땐 보지 말자.뇌지컬 관리 똑바로 하자. 2. 학습 키워드 시멘틱 태그: nav, section, article, aside, header, main, footer section과 article 용례 트리 구조 - 노드(DOM트리랑 같은 개념인가? 확인 필요) elements vs attributes key=value radio와 checkbox의 공통점과 차이점(name으로 그룹핑하여 택일, 그룹핑하여 다중선택) textarea 줄바꿈 id와 class의 올바른 사용법, 그리고 최신 마크업 트렌드에서의 사용예시 한 요소에 클래스 여러개 주는 법 form태그의 새로고침과 button의 submit속성의 새로고침이 ..

1주 4일차 - 반복문

1. 리뷰 오늘로 2일간의 조건문, 반복문 코플릿 문제풀이를 마치며 이번 페어분과의 세션을 마무리했다. 확실히 내가 문제풀이 경험이 페어분보다 적다보니 내가 네비하는 차례에서도 가이드를 받는 일이 많았다. 중첩 반복문에서 조건을 설정하는데 많이 헤멘다. 많은 연습이 필요하다. 이번 주말에는 절대적으로 문제를 물량공세로 많이 풀어보아야 할것 같다. 페어 세션 전 오랜만에 백준 다시 푸는데 그새 감이 떨어졌다. 부트캠프 개강 전 계획은 오전에 규칙적으로 백준 문제풀이와 자료구조, 알고리즘 공부를 2시간정도 하고 본 학습에 들어가는 것이 계획이었는데 요즘 잠에 드는 시간이 자꾸 늦어지다보니 오전 시간을 활용하지 못하고 있었는데 오전 시간 반드시 사수하도록 해야겠다. 오늘 문제 풀면서도 예전에 공부 했던 정렬 ..

1주 3일차 - 조건문

1. 리뷰 오늘은 나보다 더 잘하시는 페어분과 함께하여 많이 배워갈 수 있었던 시간이었다. 원하는 대로 조건 분기하는 것이 아직 많이 미숙하다. 클린코드 욕심 낼 때가 아니라 동작부터 제대로 하는 코드를 짜는게 먼저라, 주말간 많은 문제를 더 풀어봐야 할 것 같다. 백준에서 문자열 문제만 여태 한번도 안 풀어봤더니 문자열 메소드가 아직 익숙하지 않았다. 2. 학습 키워드 truthy/ falsy, falsy 값 6가지, 인덱스로 접근, 읽기전용, + 연산자의 자동 형변환, concat, indexOf, includes, split(seperator), csv형식, 개행문자, substr(start, end), immutable, 단축평가 3. 스스로 설명해보기 truthy: true로 평가되는 값. fa..

1주 2일차 - 변수와 자료형

1. 지금 현재, 당신의 기분이나 느낌을 표현해 주세요. 개발 공부를 시작한 후 항상 난 모자라단 느낌에 괴로워했다. 그리고 오늘 첫 페어 프로그래밍을 하고 나도 다른 사람에게 도움이 될 수 있구나를 느꼈다. 부족한 설명에도 잘 따라와주시고 경청해주신 페어님께 참으로 감사하다. 직접 설명을 해보니 내가 알았다고 느꼈던 것들이 얼마나 빈틈이 많았는지 적나라하게 느껴져서 열공할 동기부여가 팍팍 되었다. 2. 오늘 무엇을 학습한 내용 중 지금 떠올릴 수 있는 단어를 모두 나열해 주세요. 변수, 할당, 초기화, 메모리 셀, 메모리 주소, 재사용, 자바스크립트는 숫자 종류 구분 x, 함수 선언, 호출, 리턴, 매개변수, 전달인자 3. 2에서 작성한 단어를 가지고, 오늘의 학습 내용을 설명해 보세요. 변수: 값을 ..

TIL 220416

1. Input(학습) 자바스크립트 처음 시작할때 쉽지만 모를수 있는 객체 복사 방법! 2. Output(복습) 객체끼리 비교, 복사 3. Notes(정리) 객체를 deep copy 하는 2가지 방법( ❊객체 내 메소드에는 적용 불가 ) 전개연산자 사용하기 Object.assign 메소드 사용 1. 전개연산자를 사용하여 객체를 deep copy 하는 방법 const a = { num : 1, }; const b = {...a}; console.log(a.num); // 1 console.log(b.num); // 1 console.log(a === b); // false 2. Object.assign 메소드를 사용하여 객체를 deep copy 하는 방법 const a = { num : 1, }; cons..