전체 글 (82) 썸네일형 리스트형 stable , unstable, inplace stable , unstable 같은 키 값을 가진 원소의 순서가 정렬 후에도 유지 되느냐 정렬 후에도 원래의 순서 유지 => stable 반대 => unstable ex) quickSort inplace 입력 리스트 내부에서 정렬이 이루어짐 반대 => 별도의 저장공간 필요 ex) mergeSort innerText, innerHTML 차이 innerText => 문자열 그대로를 리턴 innerHTML =>태그를 적용시킴 문자열을 html로 인식하여 리턴한다. ex) 거북 positon static 기본 왼 =>오 , 위 => 아래로 쌓임 relative 요소 안쪽 방향으로 이동 가능 absolute position: static 속성을 가지고 있지 않은 부모를 기준으로 움직임 부모 중 relative, absolute, fixed인 태그가 없다면 가장 위의 태그(body)가 기준이 됩니다. 부모 position : relative, absolute, fixed => 자식 position: absolute 일때 부모 요소 기준으로 움직임 부모 position: 위 3개 없을시 => 가장 위 태그 (bdoy)가 기준 부모 positin: static => 영향 x promise 프로미스 자바스크립트 비동기 처리에 사용되는 객체 콜백에 콜백 계속 연속으로 쓰면 => 가독성이 안좋아짐 => 유지보수가 안좋음 수정, 새로운것 추가도 힘듦 식이 끝날때까지 기다려야 함 프로미스 주도권을 어느정도 가져옴 프로미스 => 객체 만드는것 비동기 흐름을 관리해주는 객체를 만드는것 장점 비동기 흐름에서 콜백을 넘겨주고 기다리는 형태 => 프로미스 객체 만듬으로써 리턴, 매개 변수 넘기기, 추가 기능 넣기 등등 가능 에러 핸들링도 잘해줌 자바스크립트 네이티브 try, catch와 비슷하게 처리할 수 있게 됨 // 비동기는 못썻음 // 어쩔 수 없이 콜백으로 넘겨줫음 프로미스 인자 => 함수 1개 함수의 인자로 => resolve (성공), reject (실패) then =.. 디자인 패턴 Module, Singleton, Mixin , PubSub 디자인 패턴 자주 쓰는 설계, 구조상의 문제를 정리한 패턴의 집합 문제 해결을 위한 틀 잘 적용해서 사용하는것이 중요 도구, 툴 유행변함 // 라이브러리,프레임워크 =>스스로 학습능력 중요 많은 종류가 있고, 만들기도 가능 왜 쓰는지 ? 객체관의 관계를 유연하게 만듬 => 유지보수가 용이 장점 - 증명됨 많은 시행착오 후 결과물 - 재사용성 우리가 사용할곳에 조립해서 재 사용 - 표현적 가독성 우리상황에 맞게 조금씩 변형,수정해서 씀 => 사용하면 해결보단 방향성 제시 수정, 손본 후에 사용해야 함 설계도 제시 디자인 패턴의 종류 1. module 객체 만드는것 === 모듈 만드는것 ex) 레고 만들기 한피스 모아서 더 큰걸 만듬 ( 조립형 ) 모듈을 만드는 패턴이 기본 ( 객체 ) 를 응.. async 과제 리뷰 bool 변수명 맨 앞에 is나 has 붙여주기 https://dev.to/michi/tips-on-naming-boolean-variables-cleaner-code-35ig 변수명 어떤 역할, 어떤 형태의 값이 들어있는지 ( 복수,단수) 예측 가능하도록 지어주기 !bool값들 true로 해주기 Asynchronous, Higher Order Function, Event Loop Asynchronous 비동기 프로그래밍 자바스크립트 => 싱글 스레드 싱글스레드 => 1 콜스택 한번에 한가지 일만 수행함 => 비동기가 중요 비동기 ex) 카페에서 커피 주문 => 진동벨 울리면 받기 - 동기적 동작시 문제 발생 값 처리를 완료 후 다음 값을 실행하는데, 값 처리 시간이 오래 걸린다면 다음 값은 기다려야 한다. 극복 방법 ? Higher Order Function Event Loop 고차원 함수 Higher Order Function 함수를 인자로 받거나, 리턴함 //하나만 충족되어도 됨 ex) map은 함수를 인자로 받으니 고차원 함수 일차원 함수 함수를 인자로 받거나, 리턴 X 고차원 함수가 가능한 이유? 자바스트립트 에서 함수 => 일급 객체 //모든 언어가 지원x 일급객체 (f.. 개발공부시 참고사항 개발공부시 참고사항 과제는 빠르게보다 꼼꼼하게 기독성 책 읽듯이=> 사람이 사용하니 들여쓰기 가능한 자제 // if, else 남용X 테스트코드 하나하나 꼼꼼하게 보기 알고리즘 => 경우의수 , 로직을 세우는 연습 코드워즈, 프로그래머스 //코드워즈 영어문제 추천 알고리즘문제 화목 후순위 => 주말 과제리뷰 =>효율 따지기 X => 지금은 성공 집중 //추후에 효율도 생각 잠 줄이기, 일주일 100시간 투자 이전 1 2 3 4 5 6 7 8 ··· 11 다음