본문 바로가기

전체 글133

google의 새로운 프로그래밍 언어 Carbon Google’s New Programming Language is Called Carbon Google Introduced Carbon to be a Successor of C++ medium.com Google's Chandler Karruth Announces New Programming Language "Carbon" at 2022 CPP North event (2022 CPP North event에서 구글의 Chandler Carruth가 'Carbon'이라는 새로운 프로그래밍 언어를 발표) Carbon is the successor to C++ and is currently in the experimental phase, centered around the C++ community, and wi.. 2022. 10. 12.
JSON.stringify()와 JSON.parse() JSON이란? JSON은 JavaScript Object Notation의 약자로서 데이터를 문자열의 형태로 나타내기 위해서 사용됩니다. { name: "PSY", age: 25, job: null } 중괄호 안에 위와 같은 형태로 표현할 수 있습니다. 이름이 암시하듯 JSON은 본래 자바스크립트에서 파생되었지만, 현재는 거의 표준으로 자리잡아 대부분의 다른 프로그래밍 언어에서도 지원하는 데이터 포멧입니다. 특히, 네트워크상에서 데이터를 주고 받을때 많이 사용됩니다. JSON 뿐 아니라 통신 객체에는 XML, YAML 등이 있지만, 가독성이 뛰어난 JSON이 현재는 주로 사용되고 있습니다. JSON.stringify() JavaScript 객체를 JSON 문자열로 변환할 때는 JSON 객체의 string.. 2022. 10. 6.
프론트엔드 로드맵 프론트엔드 개발자를 위한 FE 로드맵 https://roadmap.sh/frontend Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh 2022. 9. 27.
두 번 렌더링되는 리액트 템플릿 리액트를 사용하여 프로젝트 진행 중 이슈를 발견했습니다. 리액트 템플릿을 가져와서 프로젝트를 구현하는 중, useEffect를 사용하여 페이지 렌더링 시 함수를 호출하는데 자꾸 오류가 발생하여 console.log(1)를 사용해보니 1이 두번 출력되는것을 확인하였습니다. 원인 개발모드에서 (개발 단계시 오류를 잘 잡기위해) 프로젝트의 src/index.js에서 태그로 을 감싸 두 번씩 렌더링한다고 합니다. src/index.js의 코드를 확인해보니 태그로 감싸져 있었습니다. import React from 'react'; import App from './App'; import ReactDOM from 'react-dom/client'; const root = ReactDOM.createRoot(docu.. 2022. 9. 20.
카카오 소셜 로그인 보호되어 있는 글 입니다. 2022. 9. 18.
[html/css] 클릭 전/후/마우스오버, 하이퍼링크(a href) 글자 색 바꾸기, 밑줄 없애기 HTML에서 하이퍼링크는 유저가 링크 클릭으로 방문 전과 후의 색이 다르게 나타나고 밑줄이 생기기도 합니다. 이 하이버링크의 색깔을 바꾸는 방법과 밑줄을 없애는 방법에 대해서 정리하겠습니다. 하이퍼 링크 밑줄 없애기 먼저, 밑줄 없애기 입니다. HTML에서 링크를 생성하면 기본적으로 아래에 밑줄이 표시됩니다. See the Pen tistory_css1 by Su Yong Park (@parkkingcar) on CodePen. (css를 적용하지 않은 하이퍼링크) 이제 밑줄을 없애기 위해서 'text-decoration-line' 속성을 none으로 입력해주면 됩니다. text-decoration-line 속성은 다음의 4가지 값을 가질 수 있습니다. - none : 선 없음 - underline : .. 2022. 9. 15.
[기초] 자료구조 / 트리 (Tree) 트리 (Tree) 사이클이 없는 그래프를 트리라고 합니다. 따라서 정점이 V개 이면 간선은 V-1개를 가지는 성질이 있습니다. 루트 있는 트리 (Rooted Tree) 루트가 있는 트리로 아래 그림에서 1이 루트가 됩니다. 루트 부터 아래로 방향을 정할 수 있습니다. 이때 1은 2의 부모, 2는 4의 부모 2는 1의 자식, 4는 2의 자식, 3의 자식은 6과 7 4와 5는 형제, 2와 3도 형제 따라서 루트에 가까운 쪽이 부모가 됩니다. 부모가 없으면 루트, 자식이 없으면 단말정점(Leaf Node)이라 합니다. 같은 부모를 가지면 형제라 합니다. 깊이(Depth) 깊이는 루트부터의 거리를 말합니다. 루트의 깊이를 0으로 하거나 1로 합니다. 조상(Ancestor), 자손(Descendent) p -> .. 2022. 8. 12.
[기초] 자료구조 / 그래프(Graph)의 표현과 탐색 그래프를 저장하는 방식에 대해 알아봅니다. 그래프의 표현 - 위와 같은 그래프는 정점이 6개, 간선이 8개 있다. - 간선에 방향이 없기 때문에, 방향이 없는 그래프이다. - 정점 : {1, 2, 3, 4, 5, 6} - 간선 : {(1, 2), (1, 5), (2, 5), (2, 3), (3, 4), (2, 4), (4, 5), (4, 6)} 보통 위 그림과 같이 정점의 개수, 간선의 개수 그리고 m개의 줄에 어떤 간선이 연결되어 있는지 주어집니다. 인접 행렬(Adjacency-matrix) 정점의 개수를 V라 했을 때, V x V 크기의 이차원 배열을 이용합니다. A[i][j] = 1 (i -> j 간선이 있을 때), 0 (없을 때) 이 인접행렬은 없는 간선도 저장하기 때문에 불필요한 배열이 생겨 많.. 2022. 8. 10.
[기초] 자료구조 / 그래프 (Graph) 그래프 그래프는 일종의 자료구조이고, 정점과 간선으로 이루어져 있습니다. 정점은 Node, Vertex / 간선은 Edge라 하며 정점 간의 관계를 나타냅니다. ex) G(V,E) 차수(Degree) 차수는 정점과 연결되어 있는 간선의 개수를 말합니다. 위 그래프에서 1, 2, 3은 각각 두 개의 간선이 연결되어 있으므로, 차수는 모두 2가 됩니다. 경로(Path) 예를 들어, 정점A에서 정점 B로 가는 경로는 1. A -> C -> D -> E -> B 2. A -> B 3. A -> C -> B 4. A -> C -> E -> B 이렇게 거쳐가는 경우가 있습니다. 이것이 바로 경로가 됩니다. 사이클(Cycle) 시작 정점과 도착 정점이 같으면 사이클이라 합니다. 예를 들어, 정점A에서 다시 정점A로 .. 2022. 8. 9.