Why?에서 시작해 How를 찾는 과정을 좋아합니다. 그 고민과 성장의 과정을 꾸준히 기록하고자 합니다.
태그 목록
- 전체보기(457)
- error(9)
- 알고리즘(8)
- git(7)
- Algorythm(7)
- DFS(7)
- Two pointers(7)
- BFS(5)
- js(5)
- redux(4)
- ts(4)
- 리액트(4)
- test(4)
- breadth first search(4)
- webpack(4)
- React(4)
- leetcode(4)
- State(3)
- JS30(3)
- depth first search(3)
- transform(3)
- rotate(3)
- offsetX(3)
- TIL(3)
- keydown(3)
- recursion(3)
- bindActionCreators(3)
- Binary Search(3)
- 백준(3)
- DP(3)
- shallow copy(3)
- convention(2)
- login(2)
- path parameter(2)
- router(2)
- dynamic programming(2)
- Sliding Window(2)
- pageX(2)
- offsetWidth(2)
- 프로토타입(2)
- jest(2)
- unit test(2)
- getBoundingClientRect(2)
- 입출력과사칙연산(2)
- Bit manipulation(2)
- 얕은복사(2)
- connect()(2)
- algo(2)
- offsetTop(2)
- Recoil(2)
- refactoring(2)
- 자바스크립트(2)
- ghost defense(2)
- linked list(2)
- indexOf(2)
- 절대경로(2)
- hash set(2)
- stack(2)
- vanilla js(2)
- Constructor(2)
- async(2)
- Map(2)
- tsconfig(2)
- mapstatetoprops(2)
- Array.from(2)
- 프로그래머스(2)
- Prototype(2)
- mapdispatchtoprops(2)
- reduce(2)
- scroll(2)
- repository(2)
- innerHeight(2)
- slice(2)
- fromIndex(2)
- semantic(2)
- scrollY(2)
- transform-origin(2)
- type(2)
- currentTime(2)
- transitionend(2)
- transition(1)
- video(1)
- asynchronous(1)
- event loop(1)
- shift(1)
- while(1)
- for(1)
- import(1)
- absolutepath(1)
- concat(1)
- 가운데정렬(1)
- reference(1)
- find(1)
- 훅(1)
- 클래스(1)
- semantic tag(1)
- findIndex(1)
- 환경변수(1)
- 큐(1)
- merge(1)
- rebase(1)
- dotenv(1)
- hash(1)
- Flexbox(1)
- callback(1)
- 예외처리(1)
- 행렬(1)
- 코드스플리팅(1)
- naming convention(1)
- node.js(1)
- in(1)
- iteration(1)
- local storage(1)
- drag(1)
- capturing(1)
- yield(1)
- bubbling(1)
- fork(1)
- revert(1)
- semantic web(1)
- for...in(1)
- 원시값(1)
- for...of(1)
- pathname(1)
- social-login(1)
- InnerHTML(1)
- 깊은복사(1)
- createAction(1)
- keyCode(1)
- 함수선언(1)
- textContent(1)
- setAttribute(1)
- DevTool(1)
- static method(1)
- super(1)
- Sort(1)
- 재귀(1)
- pagination(1)
- 해시(1)
- 웹(1)
- TWIL(1)
- atom(1)
- CS(1)
- filter(1)
- formData(1)
- base64(1)
- line height(1)
- 매개변수(1)
- LIMIT(1)
- data binding(1)
- 컴포넌트(1)
- commit(1)
- keyup(1)
- 정규표현식(1)
- 싱글턴 패턴(1)
- once(1)
- REST(1)
- switch(1)
- arguments(1)
- Singleton(1)
- Absolute Path(1)
- DROP(1)
- 토큰(1)
- execution context(1)
- MVC(1)
- Center(1)
- mock(1)
- translate(1)
- OAuth2.0(1)
- origin(1)
- hasOwnProperty(1)
- env(1)
- icon(1)
- selector(1)
- 소수찾기(1)
- challenge(1)
- routing(1)
- 복사(1)
- race condition(1)
- sop(1)
- 연결리스트(1)
- .env(1)
- 생성자함수(1)
- tofixed(1)
- 인터넷(1)
- parsing(1)
- 실행컨텍스트(1)
- 라우팅(1)
- provider(1)
- dependency(1)
- object.entries(1)
- object.values(1)
- object.keys(1)
- RenderTree(1)
- ScrollIntoView(1)
- CSSOM(1)
- 소셜 로그인(1)
- 시멘틱(1)
- duration(1)
- SOME(1)
- code_splitting(1)
- unit(1)
- Routes(1)
- Suspense(1)
- stopPropagation(1)
- git log(1)
- git revert(1)
- 성능개선(1)
- innerText(1)
- setProperty()(1)
- 유사배열객체(1)
- Sementic web(1)
- dynamic programing(1)
- nodeList(1)
- clientHeight(1)
- offsetHeight(1)
- mouseenter(1)
- mouseleave(1)
- screenX(1)
- every(1)
- ListNode(1)
- query parameter(1)
- HTMLCollection(1)
- module format(1)
- entries(1)
- FileReader(1)
- 바닐라 자바스크립트(1)
- shiftKey(1)
- 동적 라우팅(1)
- scrollLeft(1)
- playbackRate(1)
- useParams(1)
- coordinates(1)
- 약수(1)
- useLocation(1)
- localeCompare(1)
- pick(1)
- blur(1)
- path variable(1)
- 참조값(1)
- NFT(1)
- charCodeAt(1)
- cubic-bezier(1)
- data-*(1)
- 정적 메서드(1)
- 교육과정(1)
- KeyboardEvent(1)
- pointer-events(1)
- 짝수(1)
- 중복값제거(1)
- forinloop(1)
- again(1)
- 원티드 프리온보딩 프론트엔드(1)
- timeupdate(1)
- clientX(1)
- preonboarding(1)
- 원티드 프리온보딩(1)
- react-icon(1)
- state 끌어올리기(1)
- 콜라츠(1)
- functionComponent(1)
- useSetRecoilState(1)
- useRecoilState(1)
- useRecoilValue(1)
- transform:rotate(1)
- transition-timing-function(1)
- margin:auto(1)
- text-align:center(1)
- input event(1)
- input: range(1)
- input: color(1)
- 배열 안 모든 요소 인덱스 찾기(1)
- 배열 요소의 모든 위치 찾기(1)
- array replace(1)
- innderHeight(1)
- evendigits(1)
- screenHeight(1)
- 끝까지 스크롤했는지 판별(1)
- premitive(1)
- outerHeight(1)
- 얕은복사 전개연산자(1)
- textShadow(1)
- KeyboardEvent.shiftkey(1)
- cornify_add()(1)
- event.preventDefault()(1)
- event.isComposing()(1)
- git push -f origin(1)
- mouseenter event(1)
- offsetLeft(1)
- leeetCode(1)
- hamming weight(1)
- Depth-first searach(1)
- paddingTop(1)
- redux-devtools-extension(1)
- handleActions(1)
- 댓글삭제(1)
- 댓글추가(1)
- 교육과정 설계(1)
- 과반수(1)
- npm error(1)
- rm --cached(1)
- legacy-peer-deps(1)
- reword(1)
- serializes(1)
- toEqual(1)
- toBe(1)
- return-type(1)
- ts error(1)
- next error(1)
- 니콘내콘(1)
- 기프티콘 앱(1)
- 숙박플랫폼(1)
- 스테이메모리(1)
- testingLibraryElementError(1)
- E2ETest(1)
- unhandledPromiseRejection(1)
- sytaxError(1)
- moduleFormat(1)
- --legacy-peer-deps(1)
- cryptowallet(1)
- googleid(1)
- offset(1)
- Maximum call stack size exceeded(1)
- serialize(1)
- 테스트코드(1)
- --force(1)
- dynamic routing(1)
- 라우터(1)
- fallback(1)
- deep copy(1)
- CSS(1)
- squash(1)
- classList(1)
- flatmap(1)
- event delegation(1)
- lazy(1)
- 유닛테스트(1)
- IntersectionObserver(1)
- bundle(1)
- 소셜로그인(1)
- 온보딩(1)
- promise(1)
- CRA(1)
- 테스트(1)
- aws(1)
- cors(1)
- express(1)
- ESLint(1)
- blockchain(1)
- immutability(1)
- display(1)
- &&(1)
- 비트연산(1)
- 클로저(1)
- array(1)
- spread operator(1)
- Node(1)
- github(1)
- reset(1)
- http(1)
- REST API(1)
- JWT(1)
- 카카오(1)
- Module(1)
- npm(1)
- API(1)
- class(1)
- 소수(1)
- 자료구조(1)
- rendering(1)
- Flux(1)
- Database(1)
- 프로젝트(1)
- 디자인 패턴(1)
- oAuth(1)
- 평균(1)
- cypress(1)
- DOM(1)
- position(1)
- await(1)
- iterable(1)
- iterator(1)
- git reset(1)
- Design Pattern(1)
- queue(1)
- this(1)
- arrayLike(1)
- path(1)
- closure(1)
- Object.assign(1)
- 인가(1)
- 인증(1)
- 배열(1)
- JSX(1)
- useEffect(1)
- S3(1)
- 유닛 테스트(1)
- regex(1)
- URI(1)
- query(1)
- cloudfront(1)
전체보기 (457)error(9)알고리즘(8)git(7)Algorythm(7)DFS(7)Two pointers(7)BFS(5)js(5)redux(4)ts(4)리액트(4)test(4)breadth first search(4)webpack(4)React(4)leetcode(4)State(3)JS30(3)depth first search(3)transform(3)rotate(3)offsetX(3)TIL(3)keydown(3)recursion(3)bindActionCreators(3)Binary Search(3)백준(3)DP(3)shallow copy(3)convention(2)login(2)path parameter(2)router(2)dynamic programming(2)Sliding Window(2)pageX(2)offsetWidth(2)프로토타입(2)jest(2)unit test(2)getBoundingClientRect(2)입출력과사칙연산(2)Bit manipulation(2)얕은복사(2)connect()(2)algo(2)offsetTop(2)Recoil(2)refactoring(2)자바스크립트(2)ghost defense(2)linked list(2)indexOf(2)절대경로(2)hash set(2)stack(2)vanilla js(2)Constructor(2)async(2)Map(2)tsconfig(2)mapstatetoprops(2)Array.from(2)프로그래머스(2)Prototype(2)mapdispatchtoprops(2)reduce(2)scroll(2)repository(2)innerHeight(2)slice(2)fromIndex(2)semantic(2)scrollY(2)transform-origin(2)type(2)currentTime(2)transitionend(2)transition(1)video(1)asynchronous(1)event loop(1)shift(1)while(1)for(1)import(1)absolutepath(1)concat(1)가운데정렬(1)reference(1)find(1)훅(1)클래스(1)semantic tag(1)findIndex(1)환경변수(1)큐(1)merge(1)rebase(1)dotenv(1)hash(1)Flexbox(1)callback(1)예외처리(1)행렬(1)코드스플리팅(1)naming convention(1)node.js(1)in(1)iteration(1)local storage(1)drag(1)capturing(1)yield(1)bubbling(1)fork(1)revert(1)semantic web(1)for...in(1)원시값(1)for...of(1)pathname(1)social-login(1)InnerHTML(1)깊은복사(1)createAction(1)keyCode(1)함수선언(1)textContent(1)setAttribute(1)DevTool(1)static method(1)super(1)Sort(1)재귀(1)pagination(1)해시(1)웹(1)TWIL(1)atom(1)CS(1)filter(1)formData(1)base64(1)line height(1)매개변수(1)LIMIT(1)data binding(1)컴포넌트(1)commit(1)keyup(1)정규표현식(1)싱글턴 패턴(1)once(1)REST(1)switch(1)arguments(1)Singleton(1)Absolute Path(1)DROP(1)토큰(1)execution context(1)MVC(1)Center(1)mock(1)translate(1)OAuth2.0(1)origin(1)hasOwnProperty(1)env(1)icon(1)selector(1)소수찾기(1)challenge(1)routing(1)복사(1)race condition(1)sop(1)연결리스트(1).env(1)생성자함수(1)tofixed(1)인터넷(1)parsing(1)실행컨텍스트(1)라우팅(1)provider(1)dependency(1)object.entries(1)object.values(1)object.keys(1)RenderTree(1)ScrollIntoView(1)CSSOM(1)소셜 로그인(1)시멘틱(1)duration(1)SOME(1)code_splitting(1)unit(1)Routes(1)Suspense(1)stopPropagation(1)git log(1)git revert(1)성능개선(1)innerText(1)setProperty()(1)유사배열객체(1)Sementic web(1)dynamic programing(1)nodeList(1)clientHeight(1)offsetHeight(1)mouseenter(1)mouseleave(1)screenX(1)every(1)ListNode(1)query parameter(1)HTMLCollection(1)module format(1)entries(1)FileReader(1)바닐라 자바스크립트(1)shiftKey(1)동적 라우팅(1)scrollLeft(1)playbackRate(1)useParams(1)coordinates(1)약수(1)useLocation(1)localeCompare(1)pick(1)blur(1)path variable(1)참조값(1)NFT(1)charCodeAt(1)cubic-bezier(1)data-*(1)정적 메서드(1)교육과정(1)KeyboardEvent(1)pointer-events(1)짝수(1)중복값제거(1)forinloop(1)again(1)원티드 프리온보딩 프론트엔드(1)timeupdate(1)clientX(1)preonboarding(1)원티드 프리온보딩(1)react-icon(1)state 끌어올리기(1)콜라츠(1)functionComponent(1)useSetRecoilState(1)useRecoilState(1)useRecoilValue(1)transform:rotate(1)transition-timing-function(1)margin:auto(1)text-align:center(1)input event(1)input: range(1)input: color(1)배열 안 모든 요소 인덱스 찾기(1)배열 요소의 모든 위치 찾기(1)array replace(1)innderHeight(1)evendigits(1)screenHeight(1)끝까지 스크롤했는지 판별(1)premitive(1)outerHeight(1)얕은복사 전개연산자(1)textShadow(1)KeyboardEvent.shiftkey(1)cornify_add()(1)event.preventDefault()(1)event.isComposing()(1)git push -f origin(1)mouseenter event(1)offsetLeft(1)leeetCode(1)hamming weight(1)Depth-first searach(1)paddingTop(1)redux-devtools-extension(1)handleActions(1)댓글삭제(1)댓글추가(1)교육과정 설계(1)과반수(1)npm error(1)rm --cached(1)legacy-peer-deps(1)reword(1)serializes(1)toEqual(1)toBe(1)return-type(1)ts error(1)next error(1)니콘내콘(1)기프티콘 앱(1)숙박플랫폼(1)스테이메모리(1)testingLibraryElementError(1)E2ETest(1)unhandledPromiseRejection(1)sytaxError(1)moduleFormat(1)--legacy-peer-deps(1)cryptowallet(1)googleid(1)offset(1)Maximum call stack size exceeded(1)serialize(1)테스트코드(1)--force(1)dynamic routing(1)라우터(1)fallback(1)deep copy(1)CSS(1)squash(1)classList(1)flatmap(1)event delegation(1)lazy(1)유닛테스트(1)IntersectionObserver(1)bundle(1)소셜로그인(1)온보딩(1)promise(1)CRA(1)테스트(1)aws(1)cors(1)express(1)ESLint(1)blockchain(1)immutability(1)display(1)&&(1)비트연산(1)클로저(1)array(1)spread operator(1)Node(1)github(1)reset(1)http(1)REST API(1)JWT(1)카카오(1)Module(1)npm(1)API(1)class(1)소수(1)자료구조(1)rendering(1)Flux(1)Database(1)프로젝트(1)디자인 패턴(1)oAuth(1)평균(1)cypress(1)DOM(1)position(1)await(1)iterable(1)iterator(1)git reset(1)Design Pattern(1)queue(1)this(1)arrayLike(1)path(1)closure(1)Object.assign(1)인가(1)인증(1)배열(1)JSX(1)useEffect(1)S3(1)유닛 테스트(1)regex(1)URI(1)query(1)cloudfront(1)
[convention] BEM
A functionally independent page component that can be reused블럭을 구성하는 단위속한 블럭 내에서만 의미를 가지기 때문에 블럭 내에서 떼어다 다른 곳에 사용할 수 없다.(아래 이미지 참고)블럭 혹은 엘리먼트의 속성생김새나
2021년 12월 1일
·
0개의 댓글·
0
[CSS] 작성 순서
css 속성을 작성하는 순서도 있다는 것을 알고 있었고, 어느정도 이에 맞게 작성하려고 노력하고 있었는데...확실하게 알고 정확하게 적용하지는 못했어서, 새로 프로젝트를 진행하는 김에 커밋 메시지 컨벤션, 네이밍 컨벤션, css 순서 컨벤션을 최대한 정확하게 지켜 코드
2021년 12월 1일
·
0개의 댓글·
2