개발자 박가나

Today 1. 알고리즘 문제 풀이 [신고 결과 받기] 문제 풀이일부 테스트 케이스에서 시간 초과 오류 발생내일 한 번 더 시도해보고 해결하지 못할 경우 답안 참고 예정function solution(id_list, report, k) { let result = Array.from({ length: id_list.length }, () => 0) // 중복 신고 제거 (한 유저가 동일한 유저를 여러번 신고해도 1회로 처리) report = Array.from(new Set(report)) for (let i = 0; i item.split(' ')[0] === id_list[i]) for (let j = 0; j { ..

Today 1. [JavaScript 문법 종합반] 강의 콜백 함수다른 코드의 인자로 넘겨주는 함수콜백 함수를 인자로 넘겨받는 함수가 실행에 대한 제어권을 가짐제어권콜백 함수 호출 시점에 대한 제어권인자(의 순서)에 대한 제어권this가 가리킬 대상을 지정할 수 있음콜백 지옥콜백 함수를 반복적으로 사용함으로써 들여쓰기가 깊어져서 가독성이 떨어지는 현상동기 : 현재 실행 중인 코드가 끝난 후 다음 코드를 실행비동기 : 현재 실행 중인 코드의 완료 여부와 무관하게 즉시 다음 코드를 실행비동기 제어 - Promisenew 연산자로 호출비동기 작업이 완료된 후 resolve 또는 reject 함수 호출비동기 제어 - Generator*가 붙은 함수로, 실행 시 Iterator 객체 반환비동기 작업이 완료되는 시..

Today 1. [JavaScript 문법 종합반] 강의 실행 컨텍스트 및 Call Stack실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체실행 컨텍스트는 Call Stack에 쌓임실행 컨텍스트 객체에 담기는 정보 3가지호이스팅매개변수 및 변수는 선언부를 호이스팅함수는 전체를 호이스팅함수 선언문보다는 함수 표현식을 사용하는 것이 좋음상황에 따라 달라지는 this전역 공간에서의 this는 전역 객체를 가리킴메서드로서 호출할 경우 this는 메서드 호출 주체를 가리침함수로서 호출할 경우 this는 전역 객체를 가리킴this 우회 방법변수 활용화살표 함수 사용명시적 this 바인딩 - call함수를 즉시 실행첫 번째 매개변수에 this로 binding할 객체를 넣어줌명시적 this 바인딩 -..

Today 1. [JavaScript 문법 종합반] 강의 ES6 문법let, const화살표 함수삼항 연산자구조 분해 할당단축 속성명전개 구문일급 객체로서의 함수함수를 변수에 할당함수를 다른 함수의 인자로 전달함수를 반환함수를 객체의 프로퍼티로 할당함수를 배열의 요소로 할당Mapkey-value 한 쌍key에 어떠한 데이터 타입도 다 들어올 수 있음key가 정렬된 순서로 저장추가, 검색, 삭제, 제거, 존재 여부 확인 등Set고유한 값을 저장key는 저장하지 않고 value만 저장값이 중복되지 않는 유일한 요소로만 구성추가, 검색, 삭제, 제거, 존재 여부 확인 등데이터 타입의 종류 및 메모리기본형참조형변수 선언과 데이터 할당변수 vs 상수불변하다 vs 불변하지 않다 얕은 복사 / 깊은 복사얕은 복사 :..

Today 1. [JavaScript 문법 종합반] 강의 JavaScript 소개 및 특징브라우저에서 동작하도록 하는 것이 목적AJAX 기술이 등장하면서 사용량 증가객체 지향 프로그래밍 지원동적 타이핑 지원함수형 프로그래밍 지원비동기 처리 가능클라이언트 및 서버 측 모두에서 사용 가능변수이름 : 저장된 값의 고유 이름값 : 변수에 저장된 값할당 : 변수에 값을 저장하는 행위선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위참조 : 변수에 할당된 값을 읽어오는 행위var, let, const를 사용하여 선언데이터 타입숫자문자열booleanundefinednull객체배열형변환암시적 형변환 : 자동으로 변환되는 것명시적 형변환 : 개발자가 임의로 변환하는 것연산자기본 연산자 : 더하기, 빼기, 곱하기, 나누기..

Today 1. [팀 소개 페이지 만들기] 프로젝트 5일차 발표피드백회고 및 마무리프로젝트의 결과물을 발표하고 피드백을 받는 것을 마지막으로 캠프에서의 첫 팀 프로젝트가 마무리되었다. 처음에는 아직 배운 것도 거의 없고 팀원들 실력도 제각각인데 무작정 팀 프로젝트를 하는게 맞나? 싶은 생각이 들었지만, 막상 프로젝트가 끝나고 보니 어설프지만 하나의 협업이 완성이 되어 있었고 그 과정에서 나의 장점과 단점도 파악할 수 있었다. 지극히 내성적인 성격이다보니 어색한 상황, 심지어 비대면으로 진행되는 팀 프로젝트가 부담스럽고 걱정도 많았는데 서로서로 잘 이끌어주고 부족한 부분들을 채워주는 좋은 팀원들을 만나서 무사히 잘 마무리할 수 있었고, I5E1 팀의 일원으로서 지낸 1주일이 좋은 기억으로 남을 것 같다. ..

Today 1. [팀 소개 페이지 만들기] 프로젝트 4일차 코딩[Header] 메뉴 클릭 시 해당 Section으로 이동[방명록 Section] 내용의 길이에 따라 말풍선 width를 유동적으로 조절 팀 소개 팀원 소개 방명록 ... ... ... ..

Today 1. [팀 소개 페이지 만들기] 프로젝트 3일차 Git으로 코드 병합Github에 Repository 생성각자 로컬에서 코딩 진행할 수 있도록 clone 진행각자 코딩한 내용 push하여 하나의 프로젝트로 병합 코딩[방명록 Section] 말풍선에 실제 데이터 반영[방명록 Section] 말풍선을 최근 등록 순으로 정렬/* JavaScript 코드 */// 데이터베이스 초기화const commentDB = firebase.database().ref('comment');// 데이터 읽어오기commentDB.on('child_added', (data) => { const commentData = data.val(); // 이전 내역 임시 저장 let prev_comment = do..

Today 1. [팀 소개 페이지 만들기] 프로젝트 2일차 와이어프레임 구축Footer역할 분담하은님 : Header & Footer지영님 : 랜딩 Section & 팀 소개 Section윤솔님, 진실님, 채현님, 나 : 팀원 소개 Section & 방명록 Section코딩[방명록 Section] 말풍선 HTML, CSS 방문자 1 just now 방명록입니다. ..

Today 1. OT 캠프 안내커리큘럼 안내본격적으로 캠프를 시작하기 전, 방현재 총괄 매니저님과 이강민 튜터님께서 OT를 진행해 주셨다. 앞으로 4.5개월동안 어떤 활동을 하게 되는지 파악하고 비록 비대면이었지만 함께 할 분들의 얼굴도 처음으로 마주하면서 설레기도 하고 긴장되기도 했다.    Today 2. 팀 배정 및 인사 팀명 : I5E1구성원 : 임지영(팀장), 원윤선, 박채현, 김진실, 박가나, 박하은처음에는 개인 학습 진행반에 배정이 되었지만, 사전캠프에서 제공된 강의를 모두 수강한 상태였기 때문에 담임 매니저님께 말씀드려서 프로젝트 진행반으로 다시 배정받게 되었다. 새로 배정받은 팀에 합류를 하니 팀원 6명 중 5명이 I 성향을 가진 사람이어서 자연스레 E 성향을 가진 한 분이 팀장을 담당하..