전체 글
-
-
[TIL] 0110카테고리 없음 2024. 1. 10. 21:41
git 협업 순서 git pull git add . git commit -m ".." git push origin main [ 팀 프로젝트 ] header / form / ul / footer 로 나눠서 만들었고, 왼쪽 위 박스가 마우스 커서를 올리면 커지게 css hover 설정을 이용하여 만들었다. bingle movie 창이 휠을 내려도 위에 뜨도록 도 설정했었는데, 팀원분이 보기에 불편할 수 있을 것 같다고 하셔서 기능을 지웠다. header { display: flex; background-color: black; align-items: center; justify-content: center; color: white; width: 100%; height: 80px; position: fixed..
-
[TIL] 0109카테고리 없음 2024. 1. 9. 20:59
코드카타 let sol = (num1,num2) => Math.floor(num1/num2*1000) *숫자 비교하기 function solution(num1, num2) { if (num1 === num2) { return 1 } else { return -1 } } // 좋은 풀이 let answer = num===num2 ? 1 : -1; return answer; // 생각 ) 삼항연산자.. *두 수의 나눗셈 function solution(num1, num2) { let answer = Math.floor(num1/num2*1000); return answer; } // 좋은 풀이 return Math.trunc(num1/num2*1000); // 생각 ) Math.floor()는 소수점을 내린..
-
[TIL] 0108카테고리 없음 2024. 1. 8. 20:56
개인과제 & 개인과제 리뷰 1 id : 한 가지 속성 값, #을 이용하여 지목 class : 여러 개의 속성 값, .를 이용하여 지목 container .innerHTML = ""; - container 의 정보를 비운다. reset.css - 브라우저마다 다를 수 있는 style 속성을 reset.css 를 이용하여 모든 style 속성을 초기화시킨다. .prettier - 저장버튼을 누르면 설정한 코드를 자동으로 수정 해주는 툴 * extension 에서 prettierr 다운 * mac 기준으로 settings 설정을 복사해서 cmd + , 의 open settings 안에다 붙여넣으면 된다. html 를 읽는 엔진은 파서 (parser) 이며, 문서를 위에서부터 아래로 쭉 읽는 행위를 파싱 이라고..
-
[TIL] 0106카테고리 없음 2024. 1. 6. 21:51
자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 1) 선언된 변수를 위로 끌어올린다. = 호이스팅 (hoisting) 2) 외부 환경 정보를 구성한다. 3) this 값을 설정한다. 1) 실행 컨텍스트 : 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 - 스택 (LIFO), 큐 (FIFO) / 중 스택의 한 종류인 '콜스택 (전역 outer inner ...)'에 구성 - 객체에 담기는 정보 * VE (VariableEnvironment) : 식별자 정보(record), 외부 환경 정보 (outer) 를 가지며, snapshot을 유지한다. * LE (LexicalEnvironment) : VE 와 동일하나 snapshot (변경사항) 을 유지하지 않는다. * ThisBinding : this ..
-
[TIL] 0105카테고리 없음 2024. 1. 5. 20:56
알고리즘 시간 복잡도 / 공간 복잡도 / 배열 / 링크드리스트 1) 시간 복잡도 - 반복문과 밀접하며 프로그램 수행 성능을 '최악의 경우를 가정’하여 정량화하는 방법. 문제를 해결하는데 걸리는 시간과 입력의 함수 관계 2) 공간 복잡도 n개의 입력이 주어지면 공간을 얼만큼 쓰는지 나타내는 것 3) 배열 동적배열 : 사이즈가 정해져있지 않음 정적배열 : 사이즈를 정의하고 사용 배열을 생성하면 메모리에 연속적인 위치에 존재하여 하나의 변수에 여러 정보를 담을 수 있다. 배열에서 할 수 있는 기능 * 조회 - const val = a[2]; / 한 번에 자료를 꺼내올 수 있음 / O(1) 의 조회시간을 가진다. * 삽입 & 삭제 - 배열의 끝에서는 O(1), 다른 곳은 O(n) * 정렬 * 검색 - 일반적으로..
-
[TIL] 01.02카테고리 없음 2024. 1. 2. 20:48
ES6 1) var, let, const var a=1; var a=2; // var 은 선언을 다시 할 수 있음. / let a=1; a=2; let은 선언을 다시하면 오류가 나고, 재할당은 가능/ 2) arrow function function add () { } var add = function () { } var add = (x) => { return 1; } var add = x =>1; 3) 삼항 연산자 condition ? true 인 경우 : false 인 경우 console.log (true ? "참" : "거짓") // 참 console.log (false ? "참" : "거짓") // 거짓 console.log (1===1 ? "참" : "거짓") // 참 console.log (1 ..
-
[TIL] 01.02 학습법 특강카테고리 없음 2024. 1. 2. 14:56
유현승 튜터님 Not coder, Be developer 1. 내배캠 1) TIL, WIL, 알고리즘 - 습관화, 나의 자산을 만들기 > 채용 시 장점이 될 수 있음. 이동욱 님 엄청남! 2) 개인 & 팀 과제 - 배운 내용 복습하며 사고력과 구현력 중심적으로 단련 3) 프로젝트 ( 커뮤니케이션 능력이 매우 요구) - 기술적 의사결정, 기술적 고민을 동시에 4) 개발역량점검표 - 메타인지, 수료 때까지 도달해야하는 실력 목표 기술적 고민을 잘하려면 로직과 코드에 대한 의도 생각 구현하는 기술, 스택에 목적과 근거 가지기 더 좋은 방법이 있는지 고민하기 1. 문제정의 2. 그 문제 해결을 위해 어떤 것을 생각했는지 3. 해결방안 ChatGPT를 써도 되나? 1. 코드의 뼈대를 만들어본다. 2. 뼈대와 뼈대..
-
[TIL] 0102카테고리 없음 2024. 1. 2. 11:30
let numbers = [1, 2, 3, 4, 5] 콜백 함수 : 매개변수 자리에 함수를 넣는 것 1) forEach : 배열 요소의 개수만큼 실행된다. numbers.forEach(function (이름) { console.log(이름); }) 2) map : 반드시 return 문이 필요하다. 기존에 있었던 배열을 가공해서 새로운 배열을 생산해 내는 역할 원본 배열의 길이만큼 return 을 한다. 조건을 설정해주지 않으면 undefined 로 뜨더라도 원본 배열의 길이가 나온다. let newNumbers = numbers.map (function (item) { return item *2; }); console. log(newNumbers) // [2, 4, 6, 8, 10] 3) filter ..