본문 바로가기

분류 전체보기

 (354)
웹 개발 관련 - 알아두면 유용한 명령어 및 오류 해결 윈도우에서는 깃파일 이름 길이 관련해서 길어지면 오류가 납니다. 그리고 길이에 관련한 명령이 기본적으로 false로 설정 되있는 듯 합니다. 그렇기 때문에 정삭적으로 깃을 클론 도는 풀을 받았음에도 불구하고 관련한 오류가 나온다면 아래의 명령어를 치시길 바랍니다. git config --system core.longpaths true 또 어떨때는 아직 쿠키나 로컬저장소에 값을 저장해서 써야하는데 해당 관련 api가 나오지 않아서 수동으로 저장해야할 때 가 있습니다 이럴때 개발자창에가서 일일이 치기는 번거로운데 콘솔창에 관련한 명령어가 존재합니다. // key, value 형식으로 값 넣기 document.cookie="key=value"
자바스크립트는 왜 그 모양일까? 시작 이 책은 자바스크립트를 철저하게 ‘프로그래밍 언어’ 관점에서 접근하고 있다. 엔진이나 웹의 구동 환경 등을 다루지 않고, 언어 자체에 대해 모든 개발자가 알아야 할 것들을 다룬다. 오히려 배우는 사람이 그런 것을 알지 않기를 바란다. “언어의 간결하고 분명한 부분만 가까이 하라” 는 것이 필자의 주장이며, 자바스크립트는 그렇지 않은 부분이 충분히 많다. 책 전반에 걸쳐서 이야기하는 부분 중 하나가 “다음 세대의 프로그래밍 패러다임은 ‘분산 비동기 프로그래밍’ 이 될 것이다” 이다. 그리고 자바스크립트는 그 과도기적 언어로서 충실하게 역할을 수행하고 있다고 볼 수 있다. 챕터별 메모 너무 어려워서 개념적인 부분만 그리고 내가 납득 가능한건만 정리 했다. 납득이 가지 않거나 하는건 혹시 내가 이해를 제..
Today I Learned : Vue.js 랜더링시 해결 과정 중 배운 것 정리 어제 Do it! 프런트엔드 UI 개발 with Vue.js의 구현을 모두 끝냈다. 해당 책을 기획이자 디자인, 와이어프레임이라고 생각하고 했던 사이드 프로젝트가 끝이 났다. 그리고 오늘부터 좀 더 프런트엔드답게 고정 데이터인 부분을 => axios 호출해서 가져오는 형태 또는 모듈화 및 추상화를 넣어주는 리팩토링을 시작하고자 했다. 과정에서 몇 가지의 문제점이 생겼습니다. 또 해결해 가면서 배운 것들을 정리하는 과정을 가져볼까 합니다. 0. 이전에 구현 중 localhost:5147/ 로 이동시 index.vue로 이동하게 라우팅이 되어 있었습니다. 하지만 index.vue는 아래와 같이 구현되어 있었습니다. 웹사이트 제목 이렇기 때문에 path: "/"으로 갈 경우 content가 비어있는 페이지가 ..
컴파일 해주는 사이트 - 공부 시 편리 공부하면서 내가 설치 하지 않는 언어가 예시로 나오거나 할 때 가있다. 잘 보지 않던 문법 형식이라 이해하는데 시간이 걸릴 수 있는데 이럴때 한 번 돌려보면 빠르게 알텐테... 이럴것이다. 그렇다고 그걸 돌려보려고 설치하고 하는 일(?) 너무나도 귀찮다. 그럴때 여러 언어를 대신 돌려주는 사이트를 찾았다. https://www.mycompiler.io/ko myCompiler - C, C++, 자바, 파이썬, 고, NodeJS 및 기타 언어를 위한 온라인 IDE myCompiler를 사용하여 자주 사용하는 프로그래밍 언어를 온라인으로 실행하세요.원하는 프로그래밍 언어로 코드를 편집, 컴파일 및 실행할 수 있는 간단하고 사용하기 쉬운 IDE www.mycompiler.io 공부하면서 도움이 되길 바란다. ..
다익스트라 템플릿 ### 다익스트라 알고리즘 탬플릿 ### n, m = map(int, input().split()) k = int(input()) graph = [[] for _ in range(n + 1)] visited = [False] * (n + 1) distance = [99999] * (n + 1) for i in range(n + 1): a, b, c = map(int, input().split()) graph[a].append((b, c)) def getSmallestNode(): minValue = 99999 index = 0 for i in range(1, n + 1): if not visited[i] and distance[i] < minValue: minValue = distance[i] index..
html 에서 html 로 데이터 보내기 with 바닐라 자바스크립트 # 리액트나 뷰 이런 프레임워크에서는 props로 데이터를 간단하게 보낸다. 그런데 문득 그러한 프레임워크를 쓰지 않고, 어떤 식으로 데이터를 보낼지가 궁금하다. 또한 가끔 일을 하다 보면 그러한 코드를 마주할 때가 있다. 그런 상황에서 좀 더 쉽게 어려움을 해결하고자 이 글을 정리한다. ## 들어가기에 앞서 우선 로컬스토리지, 세션, 쿠키로 저장해서 가져다 쓰는 방법은 언급하지 않겠다. 또한 서버가 있다고 가정하고 서버에 데이터를 보내고 받아오는 형식도 고려하지 않겠다. 단순히 두 html 간에 데이터를 간단하게 전송하고자할 때의 상황을 고려하겠다. #### 보내는 페이지: pageA.html Send Message from Page A ##### 설명 간단한 코드이다. sendButton을 id로 가..
React, Vue를 구현하면서 어렵고, 지금도 어려운점 회고 개인적으로 React든 vue든 뭐가 됬든 HTTP 비동기 통신을 하는 과정에서 여러 HTTP통신이 섞이면서 내가 원하는 타이밍에 랜더링이 되지 않을 때 그리고 그러한 타이밍을 고치려고할 대 어려움을 느꼈다. 또는 어떤 모종의 과정에서 데이터가 씹혀서 나오지 않을 때, 아무리 봐도 로직적으로 나와야하는데 나오지 않아서 어떤 추가적인 코드를 첨부해야할 때 구현에 있어서 많은 시간이 소모 됬고, 어려움을 느꼈다. 현재는 이러한 어려움이 닥쳤을 때 쉽게 해결할 노하우가 없기 때문에 그런 상황이 올까봐 두렵기만 하다.
커링 함수 커링(Currying)은 함수를 여러 인자를 받는 일련의 함수들로 변환하는 프로그래밍 기법입니다. 커링을 사용하는 이유는 여러 가지가 있습니다: // 주어진 함수 function sum(a, b, c) { return a + b + c; } // 커링 함수 정의 function curry(func, ...zeroth) { return function(...wunth) { return func(...zeroth, ...wunth); }; } // 커링 함수를 사용하여 부분적으로 값을 지정한 함수 생성 const curriedSum = curry(sum, 1); // 커링된 함수 호출 const result = curriedSum(2, 3); console.log(result); // 6 해당 커링 함수를 ..
728x90

티스토리툴바