개발하세영

내일배움캠프: Node.js_4기 13일차 TIL 오늘부터 팀플을 시작했다. 레퍼지토리 내에서 각자 맡은 부분의 브랜치를 만들어 구현을 시작했는데 로컬에서 브랜치 생성 후 push로 올리려고 하니 이런 에러가 떴다. 원인 내가 담당한 브랜치 이름을 main/기능명 이런 식으로 지정했었는데 이렇게 브랜치명에 슬래시를 사용하면 깃에서 경로를 잘못 인식하게 된다고 한다. 해결방법 git branch - m 변경할브랜치명 branch -m 명령어로 브랜치의 이름을 바꿔주었다. 이름 변경 후 다시 git push를 해보니 깃헙에 무사히 올라간 것을 확인할 수 있었다.

첫 프로젝트가 끝났다. 주제는 영화 검색 사이트 구현이었고 요구사항은 이렇게 되어있다. 결론부터 말하면 필수 구현사항을 전부 끝내지 못했다🥹 (형광펜으로 체크한 부분만 성공) https://github.com/julie-kim-dev/movie-search GitHub - julie-kim-dev/movie-search Contribute to julie-kim-dev/movie-search development by creating an account on GitHub. github.com 좋았던 점 api를 끌어와서 눈에 보이는 결과물로 구현한다는 경험 자체가 도움이 됐다고 생각 DOM요소 제어에 아주 약간은 익숙해짐 flex를 이용해서 어렵지 않게 자리 배치 (다음 프로젝트는 기회가 된다면 grid..

내일배움캠프: Node.js_4기 11일차 TIL ~오늘의 수강 과목~ 1. JS 개인 과제 리뷰, 해설 2. 특강: 알고리즘 (강창민 튜터님) _ 자료구조: 스택, 큐 _ 정렬 알고리즘: 버블, 선택, 삽입 3. 세션: JavaScript 배열 메소드 (김병연 튜터님) _ push, pop, shift, unshift, splice, map, filter, slice, concat, reduce, find, some, every, includes, indexOf, lastIndexOf, forEach 자료구조 스택(Stack) Last In First Out, 후입선출 나중에 들어간 값이 처음으로 빠져나온다 튜터님께서 편의점 사진을 통해 스택에 대한 예시를 쉽게 들어주셨다 점장은 음료 재고를 뒤(..

내일배움캠프: Node.js_4기 10일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 2주차 (최원장 튜터님) _ 일급 객체로서의 함수 자바스크립트에서의 함수는 객체처럼 여러 방식으로 다룰 수 있다. 이를 일급객체로서의 함수라고 하는데 사실 이렇게 들으면 무슨 얘기인지 이해가 잘 되지 않아서.. 아래 강의 예제와 함께 공부해봤다. 일급객체(First-calss Object) 란? 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체 함수를 일급 객체로 다루면 코드가 간결해지고 모듈화, 유지보수가 쉬워짐 1. 변수에 함수 할당 가능 함수가 값으로 취급되어, 변수에 할당 후 나중에 사용될 수있도록 조치가 가능 const sayHello = function() { conso..

내일배움캠프: Node.js_4기 9일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 2주차 (최원장 튜터님) _ ES6 신문법 : let, const, 화살표 함수, 삼항연산자, 구조분해할당, 단축속성명, 전개구문, 나머지 매개변수, 템플릿 리터럴 _ 일급 객체로서의 함수 ES6 신문법 ES6는 2015년에 도입된 최신식 자바스크립트 문법이라고 한다. 1. let, const 2015년도 이전에는 변수를 선언할 때 var를 사용했지만 유연한만큼 위험성이 컸기 때문에 let(변수), const(상수)라는 새로운 문법이 생김 (var, let, const의 차이는 6주차 TIL에서 예제 코드를 통해 간단하게 정리한 적이 있다) let은 재할당이 가능하고, const는 재할당이 불가능..

내일배움캠프: Node.js_4기 8일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 2주차 (최원장 튜터님) _ ES6 신문법 : let, const, 화살표 함수, 삼항연산자, 구조분해할당, 단축속성명, 전개구문, 나머지 매개변수, 템플릿 리터럴 _ 일급 객체로서의 함수 2. 세션: JavaScript sort 함수 (최원장 튜터님) _ sort의 원리, 문제점, 해결 방법 sort는 배열의 요소를 정리하는데 사용 정렬이 된 배열을 반환하거나, 배열 그 자체가 반환된다는 특징을 가짐 문제점 sort를 쓰면 배열의 원본이 정렬된 형태로 아예 변경 배열의 원본 메모리 주소 자체를 따라가는 것이기 때문에 원본 배열은 남지 않음 해결책 1. ... (Spread Operator) 스..

내일배움캠프: Node.js_4기 7일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 1주차 (최원장 튜터님) _ 함수 _ 조건문 : if, else, else if, switch _ 객체, 배열 _ 반복문 : for, while 함수 함수 = function = 기능 자바스크립트 내에서 기능의 단위로 묶어 재활용이 가능 (= 코드의 재사용성 up) input(소괄호 안에 들어감)과 output이 있다 1. (소괄호) 안에서 입력을 받고 2. {중괄호} 속 메인 로직에서 return 키워드로 출력 함수를 호출한다는 표현은 함수를 사용한다는 뜻으로 함수 이름 뒤에 소괄호 사용_ functionName(); 함수 정의와 호출 함수 선언문 // 기본 구조 (이 골격을 익숙하게 만드는 ..

내일배움캠프: Node.js_4기 휴일 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 1주차 (최원장 튜터님) _ 자바스크립트의 데이터 타입과 형변환 _ 자바스크립트의 연산자 데이터 타입 1. 숫자 (Number) 정수(Interger) : 10 실수(Float) : 3.14 지수(Exponential) : 2.5e5 (2.5 x 10^5) NaN(Nat a Number) : 'number'(문자열) Infinity : 1/0, -1/0(-infinity) 2. 문자열 (String) 문자의 나열로 '문자열' 혹은 "문자열"로 감싸서 표현 length : 문자열의 길이를 확인하는 함수 let str = "JavaScript is very hard"; console.log(str.l..

내일배움캠프: Node.js_4기 6일차 TIL ~오늘의 수강 과목~ 1. JavaScript 문법 종합반 1주차 (최원장 튜터님) _ 자바스크립트의 역사, 특징 _ 변수의 주요 개념, 선언 방법(var, let, const) 자바스크립트의 역사 (개인적으로 흥미를 가지고 이해한 부분만 간단하게 정리) 자바스크립트는 브라우저를 동작시키기 위한 스크립트 언어 1995년에 '라이브 스크립트'라는 이름으로 만들어졌다가 최종적으로는 '자바스크립트'가 되었다. (Java와는 관계 x) 2005년 Ajax라는 자바스크립트 기반 기술이 나오며 본격적으로 자바스크립트가 사용화되기 시작했다. 이전에는 웹페이지 전체를 새로고침하는 방법밖에 없었지만, 에이잭스를 통해 버튼으로 부분부분 새로고침이 가능하게 되어 UX가 향상..

내일배움캠프: Node.js_4기 5일차 TIL ~오늘의 수강 과목~ 1. 엑셀보다 쉽고 빠른 SQL 1-2주차 (구다희 튜터님) _ 기본구조 복습, Where절 필터링, 연산, 함수 적용 2. 특강: Web 기초 (최원장 튜터님) _ 서버의 개념, 서버와 클라이언트의 관계 등 기초지식 총정리 WHERE 조건에 맞는 데이터만 골라내기 위한 필터링 문법 비교연산자 = 같다 같지 않다 > 크다 >= 크거나 같다(이상) 20 or gender = 'female' NOT 아닌 not gender = 'female' 1주차 숙제 상품 준비시간이 20~30분 사이인, 한국음식점의 식당명과 고객번호 조회하기 먼저 select * from f..