티스토리

하다보니

검색하기

블로그 홈

하다보니

dustmddus.tistory.com/m

작은 오늘을 모아 개발자가 되고 싶은 취준생입니다!

구독자: 0

방명록 방문하기

주요 글 목록

csr vs ssr spa와 mpa 오늘날 서버에 이미 잘 만들어진 html이 있고 사용자가 브라우저에서 주소로 접속하면 서버에 이미 배포되어 있는 html 문서를 받아와 보여주는 형식. 페이지 내에서 angular react vue - csr 시대로 접어든다. 클라이언트 측에서 다 해먹는 것. html 은 텅텅 - 빈 화면 seo 구 웹사이트 ---------------------------------- spa - 하나의 페이지로 구성된 웹 어플리케이션. map - 탭을 이동할 때마다 새로운 html을 받아와 페이지 전체를 다시 렌더링하는 법 mpa의 단점이 있어 ajax가 등장하면서부터 원하는 부분만 클라이언트에서 동적으로 갈아끼울 수 있고 화면 깜빡임도 없는 spa를 사용하게 되었다. csr과 ssr에 대해 알아보자.. 공감수 0 댓글수 1 2023. 4. 25.
nuxt nuxt 프로젝트 시작 npm i -g create-nuxt-app npm init nuxt-app learn-nuxt layout 레이아웃 컴포넌트 소개 asyncData 페이지 진입하기 전에 호출되는 로직. 따라서 컴포넌트를 가리키는 값이 없다고 볼 수 있다. this를 사용할 수 없다. return 값은 컴포넌트의 data와 병합되어 사용이 가능하다. 페이지(Page) 컴포넌트에서만 사용이 가능하다. asyncData 속성 pages 폴더 안에 들어가는 폴더가 url의 구조이다. pages -detail -> /pages/detail/ 파일 기반의 컴포넌트 생성은 서버를 한번 죽여야 한다. context - app, store,route, params, query, env ...등등 속해 있다. s.. 공감수 0 댓글수 0 2023. 4. 24.
vue 중급 강의 style 태그의 scoped 속성 - 해당 컴포넌트 안에서만 유효한 스타일 속성 화면에서의 데이터 변경과 vue 인스턴스의 데이터 변경이 동기화 되는 것을 확인할 수 있다. slot 특정 컴포넌트를 다른 컴포넌트에서 사용할 때, 특정 코드들을 재정의할 수 있다. vue transition v-enter : 시작 v-enter-to : 끝 호이스팅 코드의 라인 순서와 관계없이 함수 선언식과 변수를 위한 메모리 공간을 먼저 확보한다. Enhanced Object Literals - 향상된 객체 리터럴 - 객체의 속성을 메서드로 사용할 때 function 예약어를 생략하고 생성 가능 Modules - 자바스크립트 모듈화 방법 - 자바스크립트 모듈 로더 라이브러리(AMD, CommonJS) 기능을 js 언어 .. 공감수 0 댓글수 0 2023. 4. 18.
Vue 기초 - v-for, 컴포넌트, props, emit, slot v-for {{people[0].name}} {{people[0].age}} {{people[1].name}} {{people[1].age}} {{people[2].name}} {{people[2].age}} {{people[3].name}} {{people[3].age}} {{person.name}} {{person.age}} {{person.name}} {{person.age}} {{person.name}} {{person.age}} {{index}} v-for를 사용해서 객체의 속성을 반복할 수도 있다. {{ value }} {{ index }}. {{ name }}: {{ value }} new Vue({ el: '#v-for-object', data: { object: { title: 'How .. 공감수 0 댓글수 0 2023. 4. 11.
Vue 기초 - 인스턴스, 데이터 바인딩, 조건부 렌더링, 이벤트 핸들링 뷰 인스턴스 생성하기 모든 vue 앱은 Vue 함수로 새 vue 인스턴스를 만드는 것부터 시작한다. vue 인스턴스를 생성할 때는 options 객체를 전달하여야 한다. vue 앱은 new Vue를 통해 만들어진 루트 Vue 인스턴스로 구성되며 선택적으로 중첩이 가능하고 재사용이 가능한 컴포넌트 트리로 구성된다. new Vue({ el:'#app', data:{ number:1, show:false }, methods:{ increaseNumber(){ this.number++ }, toggle(){ this.show=!this.show }, } }) 뷰 데이터와 메소드 vue 인스턴스가 생성될 때 data 객체에 있는 모든 속성이 vue의 반응형 시스템에 추가된다. 각 속성값이 변경될 때 뷰가 반응하여.. 공감수 0 댓글수 0 2023. 4. 10.
[프로그래머스]Lv 2. 연속 부분 수열 합의 개수 문제 설명 원형 수열의 연속 부분 수열 합으로 만들 수 있는 수의 개수를 리턴하도록 solution 함수 완성하라. 원형 수열이란 처음과 끝이 연결되어 있는 수열을 말한다. https://school.programmers.co.kr/learn/courses/30/lessons/131701 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 풀이 처음에 접근하기를 원형 수열이니 배열을 뒤로 이어 붙여서 원본 배열의 원소 갯수만큼 slice를 해서 해당 slice 배열의 합의 집합을 구하면 되지 않을까 생각했다. 즉 핵심은 1. 배열을 이어 붙인다. 2. s.. 공감수 0 댓글수 0 2022. 12. 8.
[프로그래머스] Lv2. 땅따먹기 - dp 알고리즘을 그래도 꾸준히 풀었다고 생각했는데 하반기 코테 탈락이 많았다. 뭐가 문제일까. 왜 꾸준히 풀었다고 생각했지만 실력이 늘었다는 느낌이 없을까 고민해보니 문제가 몇 가지 있었다. 1. 시간을 정하지 않고 푼다. 고민 시간을 정해놓지 않으니 집중해서 풀이법을 생각해내지 않고 그렇다고 끝까지 붙잡아서 풀어내는 것이 아니라 설렁설렁 고민하다가 구글링으로 풀이를 보고 넘어간다. 이게 가장 큰 문제였다. 생각하는 힘을 키워야 한다. 연습이든 실전이든 1시간 안에 접근법 조차 생각하지 못하면 그건 틀린 문제다. 1시간을 잡고 그 안에 접근법을 생각해내자. 2. 유형을 공부하지 않았다. dp, 이분탐색, 다익스트라...등등 알고리즘 유형을 공부하고 문제를 반복해서 풀기 힘들어 유형을 외면하고 그저 문제를 보고.. 공감수 0 댓글수 0 2022. 12. 4.
[git commitizen] 설치 중 echo '{ "path": "cz-conventional-changelog" }' > ~/.czrc 오류 git commitizen은 npm install -g commitizen npm install -g cz-conventional-changelog echo '{ "path": "cz-conventional-changelog" }' > ~/.czrc 위와 같이 설치가 가능하다. (출처 : https://velog.io/@sgd122/git-commitizen%EC%9D%98-%EC%82%AC%EC%9A%A9%EB%B0%A9%EB%B2%95-%EB%B0%8F-template%EC%97%90-%EB%8C%80%ED%95%B4%EC%84%9C-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0) 이렇게 설치를 하고 git cz를 하니 The config file at "C:\Users\32182.. 공감수 0 댓글수 0 2022. 7. 29.
[Next.js] 입문 npx create-next-app@latest --typescript library는 개발자로서 내가 사용하는 것이다. library를 불러와서 library를 사용해서 무언가를 한다. 그런데 framework는 내 코드를 불러오는 것이다. framework는 코드를 적절한 위치에 잘 적기만 한다면 너의 코드를 불러와서 모든 걸 동작하게 할 것이다. library를 사용할때는 내가 원하는대로 코드를 작성할 수 있고, 사용하고 싶을 때 사용할 수 있다. 리액트 같은 경우는 내가 원하는대로 routing을 다룰 수 있고, 파일명을 정할 수도 있다. 라이브러리는 내가 원할 때 언제든 어떤방법으로든 부르면 된다. 프레임워크에선 특정한 규칙을 따라서 특정한 것을 해야 한다. 우리가 그것들을 따랐을 때 모든 게 .. 공감수 0 댓글수 0 2022. 7. 18.
[TypeScript] 초기 세팅, 환경 설정 알아둬야하긴 하지만 자주 사용하지는 않을 것이다. nestJS, nextJS, CRA를 사용하는 대부분의 사람들은 수동으로 타입스크립트 프로젝트를 만들 일이 거의 없다. 이런 프레임워크랑 라이ㅡ러리, 패키지들이 우리를 위해 타입스크립트 프로젝트를 만들어 준다. 타입스크립트의 구성에 대한 인사이트를 제공. - npm init -y - package.json 아래와 같이 수정 아래 name은 제가 만든 파일 명입니다. { "name": "typescript-chain", "version": "1.0.0", "description": "", "scripts": { "build": "tsc" }, "keywords": [], "author": "", "license": "ISC", "devDependencies.. 공감수 0 댓글수 0 2022. 7. 17.
[TypeScript] Classes and Interfaces TypeScript로 객체 지향 프로그래밍 해보기 class Player{ constructor( //아래의 private이 js에선 보이지 않는다. private firstName:string, private lasetName:string, public nickname:string ){} } const nico=new Player("nico","las","니꼬") //firstName은 private이라 접근 불가 nico.firstName 추상 메소드란 부모 클래스에서 정의하며, 자식 클래스에서 반드시 오버라이딩해야만 사용할 수 있는 메소드를 말한다. 그러므로 추상 메소드는 구현부가 없고 선언부만이 존재한다. 추상 클래스는 추상 메소드를 하나 이상 포함한 클래스이며, 정의되지 않은 추상 메소드를 포함.. 공감수 0 댓글수 0 2022. 7. 17.
TypeScript 입문 타입스크립트는 자바스크립트에 타입을 부여한 언어이다. 왜 타입스크립트를 써야하나? - 에러 사전 방지를 위해. 아래와 같이 작성하면 sum('10','20')과 같이 의도하지 않은 값의 동작을 예방할 수 있다. // math.ts function sum(a: number, b: number) { return a + b; } - 코드 자동 완성과 가이드 VS code의 내부가 타입스크립트로 작성되어 있어 타입스크립트 개발에 최적화 되어있다. 따라서 VS code에서해당 타입에 대한 apif르 미리보기로 띄워줄 있어 빠르게 자동 완성이 가능하다. 타입스크립트 장점 타입이 있다는 것이 장점이다. 타입 안정성이 가장 큰 장점이다. 안정성-컴파일 단계에서 미리 오류를 감지할 수 있다. 가독성-타입을 보고 이 로직.. 공감수 0 댓글수 0 2022. 7. 15.
[Python]함수에 배열을 인자로 전달 함수에 배열을 전달할 때 배열을 구성하는 요소들이 모두 복사되어 전달되는 것이 아니라 배열의 값들을 가리키는 주소만 전달된다는 것을 알 수 있다. 함수 내에서 전달받은 배열에 새로운 값을 추가하면 함수 밖의 원래 배열에도 추가가 된다. 함수 내에서 새로운 배열을 할당하면 다른 배열을 가리키게 되면서 변수가 가리키는 주소가 달라져서 함수 내에서 아무리 변경해도 함수 밖의 원래 배열에 영향을 끼치지 못한다. 함수 인수 전달 방식 Call by Value 함수에 인수를 전달하는 방식. 변수의 값을 복사해 함수의 인자로 전달한다. 따라서 함수 내에서 전달된 인자를 조작해도 함수 외부의 변수에는 영향을 미치지 않는다. Call by Reference 함수에 인수를 전달하는 방식 포인터로 함수의 인자에 전달하는 방.. 공감수 0 댓글수 0 2022. 7. 12.
[React Hooks]useCallback useCallback 또한 메모이제이션 기법으로 컴포넌트 성능을 최적화 시켜준다. 메모이제이션은 자주 사용되는 값을 받아오기 위해 반복적으로 계산을 해야한다면 이전에 계산한 값을 캐싱해둠으로 해당 값이 필요할 때마다 반복적으로 계산하는 것이 아니라 메모리에서 꺼내서 재사용하는 최적화 기법이다. useMemo의 인자로 콜백함수를 넣어주면 이 함수가 리턴하는 값을 메모이제이션 해주는 것이다. useCallback은 인자로 전달한 콜백함수 자체를 메모이제이션 해준다. 이 함수가 필요할 때마다 메모리에서 가져와서 재사용한다. JS에서 함수는 객체의 한 종류이다. calculate라는 변수에 객체가 할당되는 것이다. 리액트에서 함수형 컴포넌트는 함수이다. 그래서 렌더링된다는 것은 component 함수가 호출된다.. 공감수 0 댓글수 0 2022. 7. 12.
if (1 < x < 3) { // *어떤* x 값이던 참입니다!} 인 이유 TypeScript 공식 문서를 보던 중 if (1 < x < 3) { // *어떤* x 값이던 참입니다! } 라는 코드를 보게 되었다. 해당 예시는 JavaScript 의 동일 연산자는 (==) 인수를 강제로 변환하여(coerces), 예기치 않은 동작을 유발한다라는 설명의 예시였다. 나는 왜 1 공감수 0 댓글수 0 2022. 7. 10.
[React Hooks]useMemo 컴포넌트 최적화를 위해 사용하는 hook - useMemo, useCallback memo는 memoization을 뜻한다. 동일한 값을 리턴하는 함수를 반복적으로 호출해야 한다면 필요할 때마다 또다시 계산하지 않고 메모리에서 꺼내서 재사용하는 기법. 자주 필요한 값을 맨처음 계산시 캐싱을 해줘서 필요할때마다 캐시에서 꺼내서 사용한다. 함수형 컴포넌트는 말그대로 함수이고, 렌더링된다는 것은 함수가 호출된다는 뜻이다. 이것은 모든 내부 변수가 초기화된다는 말이다. useMemo를 사용해서 메모이제이션을 해주면 불편함 개선 가능. 첫번째 인자는 콜백함수. 메모이제이션 해줄 값을 계산해서 리턴해준다. 이 콜백함수가 리턴하는 값이 useMemo가 리턴하는 값이다. 두번째 인자 배열은 의존성 배열. 해당 배열 요.. 공감수 0 댓글수 0 2022. 7. 7.
[React Hooks]useContext props를 사용해서 부모 컴포넌트에서 자식 컴포넌트로 데이터 전달. 전역적인 데이터를 단계적으로 전달하려면 고통이다. 리액트가 제공하는 context API로 해결 가능. useContext는 context로 공유한 데이터를 쉽게 받아오는 역할을 한다. context는 꼭 필요할 때만 사용하는 게 좋다. context를 사용하면 컴포넌트를 재사용하기 어려워질 수 있다. context의 주된 목적은 다양한 레벨에 있는 많은 컴포넌트들에게 전역적인 데이터를 전달하기 위함이다. 데이터를 제공해 줄 provider와 데이터를 받을 consumer가 있다. context api를 무분별하게 사용하면 성능 이슈가 발생할 수 있다. 그 이유는 provider가 변경되면 consumer와 관련된 컴포넌트들이 전부 다.. 공감수 0 댓글수 0 2022. 7. 6.
[React Hooks]useRef 함수형 컴포넌트에서 useRef를 부르면 ref 오브젝트를 반환해준다. const ref=useRef(value) ref는 {current:value} 형태이다. 우리가 초기값으로 넣어준 value는 ref의 current에 저장이 된다. ref 오브젝트는 언제든 수정이 가능하다. 반환된 fref는 컴포넌트의 전 생애 주기를 통해 유지가 된다. 컴포넌트가 계속해서 렌더링이 되어도 컴포넌트가 unmount 되기 전까지는 값을 유지할 수 있다. useRef의 사용 1. 저장공간 state의 변화->렌더링->컴포넌트 내부 변수들 초기화 따라서 원하지 않은 렌더링으로 곤란해질 수 있다. Ref의 변화-> no 렌더링-> 변수들의 값이 유지됨 불필요한 렌더링 막을 수 있음 state변화->렌더링->그래도 Ref의.. 공감수 0 댓글수 0 2022. 7. 6.
[React hooks]useEffect 리액트 훅 중에서 가장 중요한 useEffect useEffect 함수는 인자로 콜백함수를 받는다. 콜백함수란 다른 함수의 인자로 전달된 함수를 의미한다. useEffect(()=>{}) 1번 형태는 컴포넌트가 렌더링 될 때마다 실행된다. 2번은 화면에 첫 렌더링 될때, value값이 바뀔 때 실행된다. useEffect(()=>{},[]) 빈 배열이면 컴포넌트가 화면에 첫 렌더링될 때 실행된다. Clean Up-정리 작업이 필요하다. useEffect import React, { useState, useEffect } from "react"; function App() { const [count, setCount] = useState(1); const [name, setName] = useState(".. 공감수 0 댓글수 0 2022. 7. 6.
[React Hooks]useState useState state는 상태. useState는 컴포넌트의 상태를 간편하게 생성하고 업데이트 해줄 수 있는 도구. state를 setState로 변경해준다. setState로 상태를 변경하면 해당 컴포넌트는 화면에 다시 렌더링이 된다. import { useState } from "react"; const heavyWork = () => { console.log("무지하게 무거운 함수"); return ["홍길동", "김민수"]; }; function App() { // 초기값이 이렇게 무거운 작업을 하는 함수라면 맨 처음 렌더링 시에만 불러주고 싶다. // const [names, setNames] = useState(heavyWork()); // 그러면 이렇게 아래처럼 콜백함수를 인자로 줘야한다.. 공감수 0 댓글수 0 2022. 7. 5.
[Python]reduce functools 내장 모듈의 reduce() 함수는 여러 개의 데이터를 대상으로 주로 누적 집계를 내기 위해 사용됩니다. 기본적으로 초기값을 기준으로 데이터를 루프 돌면서 누적하는 방식으로 작동합니다. reduce(집계 함수, 순회할 데이터, 초기값) 여기서 집계 함수는 두 개의 인자를 받아야 한다. 첫번째 인자는 누적자, 두번째 인자는 현재값이 넘어오게 된다. 누적자는 함수 실행의 시작부터 끝까지 재사용되는 값이고, 현재값은 루프를 돌면서 계속 바뀌는 값이다. from functools import reduce arr=[1,2,3,4,5,6,7,8,9] sum=reduce(lambda x,y:x+y,arr,0) 공감수 0 댓글수 0 2022. 7. 5.
[Python] 딕셔너리 - 딕셔너리의 키, 값 쌍 얻기 items() 딕셔너리는 items() 함수를 통해 딕셔너리에 있는 키와 값들의 쌍을 얻을 수 있다. keys(), values()로 각각 키와 값을 가져올 수 있다. a={'a':1,'b':2,'c':3} print(a.keys())//dict_keys(['a', 'b', 'c']) 이것을 리스트로 가져오고 싶다면 list()로 감싸줘야함 a={'a':1,'b':2,'c':3} print(a.values())//dict_values([1, 2, 3]) 얘도 keys와 마찬가지 print(a.items())//dict_items([('a', 1), ('b', 2), ('c', 3)]) - 딕셔너리 정렬 https://ddolcat.tistory.com/677 공감수 0 댓글수 0 2022. 7. 5.
Cannot destructure property 'tasks' of '(0 , contexts_TaskProvider__WEBPACK_IMPORTED_MODULE_3__.useTasks)(...)' as it is undefined. context api를 사용하다보면 위와 같은 오류가 날 수 있습니다. 바로 제 얘기죠. 해결법을 찾다 지치셨을 여러분들을 위해 바로 거두절미하고 제 해결법이나 적어두겠습니다. 바로!!!저 오류는 context api를 통해 값을 전달한 그 컴포넌트의 최상단에 provider 태그를 감싸주셨는지 확인해주세요!!! 뭔말이냐!!! 바로 아래와 같은 형식으로 최상단을 감싸줘야 한답니다~! 도움이 되셨으면 좋겠네요,,,이세상 모든 코린이 화이탱!!!!!!!! 공감수 0 댓글수 0 2022. 6. 17.
git rebase - Rebase 전 git checkout 작업 중인 브랜치 git add . git commit -m "커밋 메시지" - 원하는 브랜치로 rebase(저는 dev브랜치임) git fetch origin dv git rebase dev git checkout dev git merge 제 브랜치 (이 작업 후 깃헙에 가서 pr작성) git push - 만약 rebase 가 충돌이 난다면 손수 파일에서 충돌을 제거해주고, 저장 후 add와 commit 진행(이건 현재 내 브랜치에 해당) 그리고 git rebase --continue 실행 여기서 vim이 뜨면 i를 눌러 insert모드로 바꾸고 맨 윚줄에 있는 커밋 메세지 앞에 pick을 입력한다. 그리고 esx->:wq->엔터 이렇게 해결하면 된다. htt.. 공감수 0 댓글수 0 2022. 6. 11.
MVC 패턴 mvc 패턴은 왜 생겨났을까? mvc가 생겨나기 전, 과거의 프로그래머들이 수많은 프로그램들을 만들 때, 이 코드가 많아지면 많아질수록 코드가 복잡해져서 코드를 파악하기도 힘들고 나중에 기능을 수정할 때마다 대부분의 코드를 갈아엎어야 하는 경우가 많았다. 유지 보수가 힘들었다. 그러다가 프로그래머들이 유지 보수가 편한 코드 구성의 규칙성을 공식처럼 만들어서 논문으로 발표했고, 그렇게 프로그래머들 사이에서 mvc 패턴이 유명해졌다. 즉, mvc 패턴은 유지보수가 편해지는 코드 구성 방식이다. Model : 데이터와 관련된 부분 View : 사용자한테 보여지는 부분 Controller : Model과 View를 이어주는 부분 실전에서 어떻게 mvc를 지키며 코딩할 수 있을까. 1. model은 control.. 공감수 0 댓글수 0 2022. 5. 30.
[JavaScript]실행 컨텍스트 실행 컨텍스트는 학습하기에 구성이 꽤 복잡한데다 순전히 자바스크립트 스펙을 위한 메커니즘이기 때문에 직접 접근해서 확인하기가 어렵다. 실행 컨텍스트 안에 있는 record, outer 를 중점적으로 살펴보겠다. 1. record로 js 호이스팅 이해하기 선언 라인 전에도 에러가 나지 않고 변수를 참조할 수 있는 현상을 선언문이 마치 최상단에 끌어 올려진듯 하다고 해서 호이스팅 현상이라고 한다. 물리적으로 최상단에 끌어 올려졌기 때문이 아니라 자바스크립트 엔진이 전체 코드를 스캔하면서 변수같은 정보를 실행 컨텍스트 어딘가에 미리 기록해뒀기 때문이다. 이때 기록해두는 곳이 record이다. 정식 명칭은 environment record로 식별자와 식별자에 바인딩된 값을 기록해두는 객체이다. 이 환경 레코드에.. 공감수 0 댓글수 0 2022. 5. 30.
정렬 알고리즘 정렬 알고리즘이 왜 중요한가? - 컴퓨터 분야에서 중요시되고 탐색에 용이하다. 프로그래밍과 알고리즘 이해에 많은 도움이 된다. - 버블 정렬 가장 기초, 인접한 두 요소를 비교해가면서 정렬을 하는 방식. 구현이 매우 간단함. 단점은 순서에 맞지 않는 요소들의 교환이 자주 일어나는 단점이 있다. 시간 복잡도는 최악과 평균 모두 O(n^2). 최선일 때는 O(n)이지만 자주 일어나지 않는다. - 선택 정렬 전체 범위에서 차례대로 가장 작은 숫자를 탐색하고, 가장 왼쪽부터 차례대로 교환하는 방식. 전체를 돌면서 최소를 구하고 가장 왼쪽 요소와 교환해준다. 장점은 자료 이동 횟수가 미리 결정된다는 것이다. 단점은 값이 같은 요소가 있다면 상대적인 위치가 변경될 수 있다. 같은 1이어도 정렬 이후에 이 순서가 달.. 공감수 0 댓글수 0 2022. 5. 29.
[storybook 오류] ModuleBuildError: Module build failed (from .mmwh/react-refresh-webpack-plugin/loader/indeError: You must provide the URL of lib/mapping SourceMapConsumer.initialize({ 'lib/mappingefore using SourceMapConsumer at readWasm .... react에서 story북을 설치하고 npm run storybook을 하려는데 자꾸 ModuleBuildError: Module build failed (from .mmwh/react-refresh-webpack-plugin/loader/inde Error: You must provide the URL of lib/mapping SourceMapConsumer.initialize({ 'lib/mappingefore using SourceMapConsumer at readWasm ....이 오류가 나는 것이다. 이걸로 진짜 몇시간 고민하고 구글링한거 적용해보고 했는데 확실한 방법이 없었다.., 제가 해결한 방법은 node_modules와 package-lock.json을 모두 지우고 npm i를 해준 것.. 공감수 0 댓글수 0 2022. 5. 28.
[TIL] 네트워크 기초 브라우저에 URL을 입력하면 무슨 일이 발생할까요??👀 1. URL을 해석한다. URL을 스키마, 계정 정보, 호스트, 포트와 같은 정보로 이루어져 있습니다. 스키마는 프로토콜이 들어가는 영역입니다. 프로토콜은 어떤 시스템이 다른 시스템과 원활하게 통신할 수 있도록 해주는 통신 규약입니다. 계정 정보는 ftp를 사용할 때 볼 수 있는데 인증이 요구되는 아이디와 비번을 포함하면 접속 허가를 받을 수 있습니다. 2. DNS를 조회한다. DNS는 domain name system이다. dns는 도메인과 ip주소를 변환해주는 시스템입니다. ip는 컴퓨터와 컴퓨터가 각자를 식별하기 위해 가진 주소입니다. dns로 요청을 보내기 전에 브라우저는 몇 가지 체크합니다. 먼저 해당 도메인을 알고 있는지 브라우저 캐시를 .. 공감수 0 댓글수 0 2022. 5. 25.
Parameter와 Argument parameter는 매개변수. 함수 등 서브 루틴의 input으로 제공되는 여러 데이터 중 하나를 가리키기 위해 사용되는 변수의 한 종류. 서브루틴이란 하나 이상의 장소에서 필요할 때마다 반복해서 사용할 수 있는 부분적 프로그램이다. 변수의 한 종류이고, 값의 역할에 대한 정의이다. 역할에 대한 정의를 위해 선언하는 변수 argument는 전달 인자. 프로그램, 서브루틴 또는 함수 간 전달되는 값을 의미한다. 연산의 근거를 제공하기 위해 전달되는 값. 메서드 선언부에서 정의한 변수 -> Parameter 메서드 호출부에서 전달하는 값-> Argument 참고 : https://www.youtube.com/watch?v=fW1WGmj10rA&list=PLgXGHBqgT2TvpJ_p9L_yZKPifgdBOz.. 공감수 0 댓글수 0 2022. 5. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.