profile
일상을 기록하는 삶을 사는 개발자 ✒️ #front_end 💻
태그 목록
전체보기 (128)자바스크립트(25)알고리즘(21)프로그래머스(20)코딩테스트(19)React(6)JavaScript(5)next js(5)graphql(4)redux(4)생활코딩(3)components(3)class(2)router(2)State(2)useMemo(2)localstorage(2)as(2)코딩테슽(2)React.memo(2)iterable(2)Map(2)useCallback(2)project(2)Module(2)query(2)&&(2)protected(2)typescript(2)CallStack(2)신입(2)JSX(2)static(2)express(2)promise.all(1)tuple(1)set(1)add(1)유닛테스트(1)callback queue(1)graphql-server(1)nullish coalescing(1)componentWillMount(1)scope(1)apply(1)call(1)Functional Components(1)unittest(1).childNodes(1)sop(1)selection.classed()(1)해결방법(1)TypeAssertion(1)refs(1)function(1)migration(1)16진수(1)Event(1)Promise Chaining(1)JavaScript Engine(1)VScode Debugging(1)포트(1)nextjs(1)sourcemap(1)Immer(1)selection.text()(1)scope chaining(1)testcode(1)insertAdjacentHTML(1)src(1)JSON Server(1)GraphiQL(1)--watch(1)primitive value(1)cors(1).sort(1)회고(1)load balancer(1)selection.append()(1)React unitTest(1)Forward Refs(1)커링함수(1)콜백지옥(1)Flux(1)이벤트 위임(1)3 Way-Handshake(1).lastChild(1)Docket 생활코딩(1)도메인구매(1)non-serialization(1)e.defaultPrevented(1)Docker 입문(1)Sets(1)웹팩(1)proto(1)promise(1)import(1)동기식(1)every(1)순수함수(1)Build Tool(1)programmers(1)configureStore(1)유형추론(1)호스팅(1)snippet(1)DOM조작(1)d3 callBackfunction(1)API(1)로드밸런서(1)public(1)indexOf(1)Basic Redux(1)POST(1)lokka(1)lodash(1)microTasks Queue(1)평등연산자(1)react dom(1)ReactDOM(1)interpreter(1)nomodule(1)prepend()(1)Maps(1)Error Boundaries(1)OOP(1)apollo(1)Promise 반환(1)스코프(1)selection.remove()(1)catch(1)complie(1)박미정(1)unknown Type(1)DNS(1)patch(1).fill()(1)prototype 프로퍼티(1)chawchaw(1)files(1)SystemCall(1)auto Close Tag(1)호이스팅(1)dataset(1)createSlice(1)REST(1)Promise.any(1)VirualDOM(1)window is not defined(1)Relay(1)Chaw(1)프로젝트 개발 시작(1)React.createElement()(1)heap(1)Event Handler(1)Lodash cloneDeep(1)polyfill(1)DNS 캐시(1)Object.entries & .entries()(1)javascript runtime(1)Response(1)reference value(1)react-test-library(1)문제해결(1)프론트앤드(1)boolean(1)단축평가(1)include(1)new Array()(1)Thenable(1)findIndex(1)객체(1)ssl(1)nat(1)Geographic API(1)블로그이전(1)tsc --init(1)d3.selectAll(1)arrays(1)객체 메소드(1)XMLHTTPRequest(1)도메인(1)express-graphql(1)block scope(1)웹서버에 접근하는 과정(1)data-action(1)noEmitOnError(1)구조화 할당(1)Type Conversion(1)errorBoundary(1)callback(1)3. 1절(1)acm(1)route53(1)Math.round(1)캡슐화(1)componentdidupdate(1)isFinite(1)arguments(1)strict(1)primitive(1)코딩공부 하는 방법(1)프론트엔드(1)reference(1)비동기 JavaScript(1)static contextType(1)exclude(1)never Type(1)Object.assign(1)graphql-client(1)Custom types(1)append(1)Prototype(1)await(1)useEffect(1)useState(1)type 지정자(1)프론트(1)JOIN(1)ajax(1)속성 프로퍼티 동기화(1)Wrapper function(1)function args(1)State Scheduling(1)React CSS Styling(1)selection.nodes()(1)참조형 자료형(1)private 필드(1)중첩함수(1)react redux(1)Component 구성(1)type='module'(1)웹 최적화(1)기본형 자료형(1)elem.setAttribute(name, value)(1)scope Type(1)throw(1)Spread(1)Literal Type(1)Compentents Tree(1)circuiting(1)forever(1)객체분해(1)async(1)Math.ceil(1)elem.getAttribute(name)(1)abstract(1)Objects(1)hasOwnProperty(1)React Dev Tools(1)Array type(1)네이버 파이낸셜 인턴 서류(1)XML(1)includes()(1)방향성(1)usedispatch(1)enhanced object literal(1)export(1)domain(1)디버깅(1)포트폴리오(1)Prettier(1)selection.attr()(1)webpack(1)createTextNode(1)frontend(1).parentNode(1)optional chaining(1)e.preventDefault()(1)Backend(1)lazy Img loading 구현(1)refresh_token(1)Generic(1)React란?(1)SOME(1)context.consumer(1)VOID(1)lighthouse(1)DOM 프로퍼티(1)Document Fragment(1)문자열(1)classList(1).flat()(1)ec2(1)any(1)공부방법(1)parcel(1)JWT(1)find(1)json(1)redux-toolkit(1)Symbol.iterator(1)next(1)global scope(1)wan(1)replace(1)SSL 인증서(1)유관순(1)docker(1)fragment(1)replaceWith(1)removeComments(1)repeat(1)class components(1)프로그래밍 문제해결(1)filter(1)개발문제해결(1)null 병합자(1)default(1)props.children(1)Just-In-Complie(1)개발공부하는방법(1)z-index(1)debugging(1)Live Server(1)application(1)foreach(1)대한독립(1)Number.parseFloat()(1)before(1)IEEE 754(1)Math.floor(1)put(1)delete(1)tsc(1)cloneDeep(1)promise.allSettled(1)String(1)김영재(1)context(1)d3.select(1)삼항연산자(1)취업준비(1)union(1)ClearTimeout(1)apollo server(1)padEnd()(1)Number.parseInt()(1)lastIndexOf(1)new(1)useRef(1)ReactDOM.render(1)this(1)setInterval(1)setTimeout(1)가비지 컬렉션(1)비동기식(1)Component 구동방식(1)function type(1)@Target(1)DOM(1)VirtualDOM(1)event bubbling(1)object type(1)웹 개발(1)selection.node()(1)Enum(1)개발공부(1)asset(1)테스트코드(1)rootDir(1)update(1)type coerion(1)cloneNode()(1)Constructor(1)function scope(1)auto Rename Tag(1)웹어플리케이션 배포(1)hidden(1)closest(1)data-*(1)useselector(1).flatMap()(1).hasAttribute(name)(1)Built in ServerSideRendering(1)css.module(1)promise.race(1)reduce(1)정규식(1)데이터 중첩(1)accesstoken(1)selection.property()(1)SSR(1)포트포워딩(1)d3.event(1)type(1)clearInterval(1)hint(1)storage(1)error handling(1)tsconfig.json(1)node js(1)개발자(1)이력서(1)CurrentTarget(1)Ternary operator(1)InnerHTML(1).previousSibling(1)templete literal(1)split()(1)custom hook(1)Error객체(1)after(1)strict mode(1)readonly(1)Bundling(1)array(1)피드백(1)db.json(1)extends(1)super(1)프로젝트(1)Then(1)script asycn(1)실행 컨텍스트(1)addEventListener(1)spa(1)short-circuiting(1).firstChild(1)script defer(1)Additional Checks(1)jest(1)isPrototypeOf(1)e.stopProgagation()(1).nextSibling(1)lan(1)Vercel(1)selection.on()(1)aws(1)isNaN(1)prototype chaining(1)Google Leaflet(1)class 상속(1)outDir(1)Number.toString()(1)배열 분해(1)cookie(1)slice(1)오픈채팅방(1)CRP(1)변수(1)Array.from(1)babel(1)프로젝트 플래닝(1)react EventListener(1)Slider 구현(1)object.keys(1)try catch(1)webpack 2.0(1)Math.trunc()(1)addEventListener passive(1)mutation(1)public 필드(1)navigator.geolocation.getCurrentPosition(1)elem.removeAttribute(name)(1)전역컨텍스트(1)endswith(1)startswith(1)DNS recursor(1)TDZ(1)Object assign(1)crypto-js(1)IntersectionObserver API(1)Props(1)-w(1)CreateElement(1)addEventListener capture(1)object.values(1)componentDidMount(1)레코드(1)DNS query(1)selection.style()(1)BigInt(1)HTML 프로퍼티(1)순환참조(1)읽기전용 프로퍼티(1)closure(1)private(1)index.js(1)padStart()(1)for ~ of(1)OKKY(1)
post-thumbnail

Auto Rename Tag & Auto Close Tag

위 두개의 프로그램은 VScode의 HTML태그 확장 프로그램이다.태그의 이름을 수정할때 여는 태그 닫는 태그둘다 따로 수정해줘야하는 불편함이있다. 이것을 해결해준다. 태그를 입력하면 자동으로 닫아주는 기능도 있지만 태그를 닫을때 F1 키를 입력해서 명령어로 닫게 할수

2021년 4월 21일
·
0개의 댓글