본문 바로가기

분류 전체보기107

241105 TIL - 코드리뷰시 깃헙활용, 함수선언방식, localeCompare(), 코드블럭{}, default export, named export, 팩토리함수, 클로져 코드 리뷰시 깃헙의 활용 팀이 모이기 전에 각 팀원의 깃헙을 확인해 코드를 미리 살펴본다. pull request나 commit 로그 등을 활용해 코드의 의도나 변화를 파악하고, 코드를 읽어보며 리뷰가 필요한 부분에 코멘트를 남겨놓는다. 이 때 개선이 필요한 이유를 명확하게 적어둘 것. 리뷰를 위해 모이면 작성자가 간단히 코드를 소개한 후, 팀원이 남겨놓은 코멘트를 확인하며 의견을 나눈다. 이때 코멘트를 남긴 팀원은 해당 코멘트에 대해 상세히 설명해주어야 하고, 동시에 팀원은 이에 대한 피드백을 분명히 해줘야 한다. 수준이 오르면 코드의 로직이나 메모리 효율을 따지게 되겠지만, 현 수준에선 코드의 알고리즘적인 부분이나, 코드 컨벤션 측면에서 변수 작명 방식이나 코드 일관성 등을 리뷰하는 것도 좋다 함수 .. 2024. 11. 5.
JS문법종합반 정리 1주차 02 - 반복문, 생성자함수 통한 객체 생성, 배열 관련 메서드 [ 반복문 ]for...in문 객체의 key를 기준으로 value를 순서대로 출력할 수 있는 구문/* 기본 구조 */for (let key in 객체명) {}/* 예시 */let person = { name : "Bob", age : 25, gender : "male" }for (let key in person) { console.log(key + ": " + person[key]);} // 반환name : Bobage : 25gender : male while문 for문과 달리 증감을 실행 로직에서 진행/* 기본구조 */while (조건식) { 실행로직; 증감식;}/* 예시 */let i = 0while (i  do...while문do문이 먼저 오기 때문에, 조건에 부합하지 않더라도 로직이 최소 .. 2024. 11. 4.
241104 TIL - 전개구문, split(), sort(), assign() 전개구문 spread operator기존 배열이나 객체를 복사한 새 배열이나 객체 생성/* 배열 복사 */let color = ["red", "blue"];let new_color = [...color];console.log(new_color); // 반환 : ["red", "blue"]/* 객체 복사 */let person = {name : "Bob", age : 25};let new_person = {...person};console.log(new_person); // 반환 : {name : "Bob", age : 25}배열에 요소 추가하기/* 배열에 요소 추가 */let color = ["red", "blue"];let new_color = ["yellow", ...color, "green"];co.. 2024. 11. 4.
JS문법종합반 1주차 과제 1번 문제 풀이1) 구조 생각해보기문자열 s가 입력됨 s에서 p나 y가 0개라면 answer = 'true' p와 y의 개수가 같다면 answer = 'true' 다르다면 answer = 'false' 2) p나 y의 개수를 셀 방법 구상하기문자열에서 특정문자의 개수를 알아내는 방법이 뭘까?문자열을 배열로 만들고 배열의 특정 요소를 찾는 메서드를 활용하면 될 것 같다문자열을 배열로 만드는 법엔 ...연산자, Array.from(), 또는 split() 등이 있다안 해본 방법인 Array.from()을 활용해보자let str = "Hello!"/* ...연산자 활용 */let array1_str = [...str];console.log(array1_str); // 반환 : ["H", "e", "l", "l.. 2024. 11. 4.
JS문법종합반 정리 1주차 01 - 자료형 보충, 문자열 관련 메서드, 형 변환, 삼항 연산자, 객체 관련 메서드 UX user experience, 사용감 정도의 의미인 듯 하네  동적타이핑 변수 선언시 데이터 타입을 지정하지 않고, 런타임 시점에서 타입이 결정됨  선언 방식 간 차이var는 재선언이 가능하지만, let과 const는 재선언이 불가능var와 let은 재할당이 가능하지만, const는 재할당이 불가능 지수형 숫자 타입 Exponential(exp)let num = 2.5e5; // 2.5에 10의 5승을 곱했다는 의미console.log(num); // 반환 : 25000  Infinity와 -Infinity/* Infinity */let num1 = 1 / 0;/* -Infinity */let num2 = -1 / 0;  문자열 관련 메서드length : 문자열의 길이 확인(문자 개수 확인, 공백이.. 2024. 11. 3.
241101 TIL - node.js 설치.... 드디어 대망의 첫 주 웹개발 프로젝트를 마치고 다음 주부터 본격적으로 진도를 나가게 되었다!새로운 강의도 지급받고 기분 좋게 프로그램들을 준비하려는데 이게 웬걸 node.js 설치가 뭔가 이상하다응애인 내게 익숙한 설치마법사가 아니었고, 직접 터미널을 열어 코드를 하나씩 실행하는 방식의 설치였다!방식부터 낯설었는디 오류까지 발생하기 시작.... 슬퍼지던 참에, 다른 조원 분들도 빨간 글씨를 마주하고 있다는 소식에또 위안을 삼고 별 거 아니겄지 했는데, 설치가 되긴 되던 다른 분들과 달리 나는 설치 조차 안 되는 것이었다.....   결국 저녁식사까지 시간이 여유롭길래 튜터님께 찾아가 도움을 구했는데, 또 웬 걸 쉽사리 해결되지 않는....튜터님의 도움으로 시도해본 몇 방안은 다음과 같다Windows Po.. 2024. 11. 1.

티스토리툴바