분류 전체보기 213

점근 표기법 (Big-O 표기법) 과 알고리즘

개요. 이해하기 어렵게 적어둔 글들이 대다수라서, 가능한 알아듣기 쉽게, 재정리하여 적고자 함. 해당 개념이 등장하는 곳: CS (컴퓨터 사이언스, 알고리즘?) 이 글의 단점: 아직은 필자 위주로 적다보니 영어로 적혀 있음. 혹시 절박하게 이 개념을 찾다가 여길 왔다면 정말 미안합니다. Executive summary: Big O notation is a mathematical notation that describes the limiting behavior of a function when the argument tends towards a particular value or infinity. My note: O(n) is the representative symbol of this Big-O nota..

2675번 - 백준 JS

2675번: 문자열 반복 문자열 S를 입력받은 후에, 각 문자를 R번 반복해 새 문자열 P를 만든 후 출력하는 프로그램을 작성하시오. 즉, 첫 번째 문자를 R번 반복하고, 두 번째 문자를 R번 반복하는 식으로 P를 만들면 된다 www.acmicpc.net 문제 문자열 S를 입력받은 후에, 각 문자를 R번 반복해 새 문자열 P를 만든 후 출력하는 프로그램을 작성하시오. 즉, 첫 번째 문자를 R번 반복하고, 두 번째 문자를 R번 반복하는 식으로 P를 만들면 된다. S에는 QR Code "alphanumeric" 문자만 들어있다. QR Code "alphanumeric" 문자는 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ\$%*+-./: 이다. 입력 첫째 줄에 테스트 케이스의 개수 T(1..

Web Component 는 도대체 어떻게 사용할까?

개요. 이 글은 custom web component 의 사용법에 대해 알아보고자 한다. 이 글에서 내린 정의: 웹 컴포넌트(web component) 가 바로 그 전신이자 근원이다. 웹 컴포넌트 | MDN 웹 컴포넌트는 그 기능을 나머지 코드로부터 캡슐화하여 재사용 가능한 커스텀 엘리먼트를 생성하고 웹 앱에서 활용할 수 있도록 해주는 다양한 기술들의 모음입니다. developer.mozilla.org 웹 컴포넌트는 / 그 기능을 나머지 코드로부터 캡슐화하여 / 재사용 가능한 / 커스텀 엘리먼트를 생성하고 / 웹 앱에서 / 활용할 수 있도록 해주는 / 다양한 기술들의 모음입니다. 그리고, web API 도 개요만큼은 알아두었으면 한다. Introduction to web APIs - Learn web d..

[2] react 와 JS 의 차이점을 제대로 알기.

개요: '그 어떤 라이브러리도 추가 설치하지 말 것' 이슈: 이 조건에 얽매여서 괜히 하루 종일 큰 의문을 가지게 함. 최종 결론은 setState 도 JS 에서 사용이 가능하다는 점. 이제 react 는 props 베이스라고 생각해야 할 정도. 하지만 이렇게 덮고 넘어가기에는 이제 위험하다는 생각이 들었습니다. 이걸로 이렇게 고뇌한게 세번째이므로. React 와 JS 의 차이점은 무엇일까? [React] - JS 와 달리, 포멧(guideline)이 주어진다. 혼돈이 벌어지는 걸 막아줌. 개발. - JS 와 달리, 가상돔(virtual DOM) 이 있다. 여기서 작업 하고 나면, 최종적으로 parsing 하듯이 HTML DOM 으로 표시. - 필요할 때만 rendering 하므로 성능적으로 유리하다. ..

[1] REST API, and JS syntax.

개요. 재시도 하기에 앞서, 개념 때문에 막히는 부분이 없도록 다시한번 확실하게 알아두고 싶었습니다. 필요 준비물: REST API, CRUD, JS syntax 에 대한 이해. fetch. 메모 1: express 와 node.js 는 실전에서 거의 확실시 사용된다고 보여집니다. 다만 백엔드에서 담당하는 API 구축과 혼동되지 않도록 조심하되, 지금은 REST API 에 집중할 필요. 메모 2: res, req 를 사용해서, aws 에 생성되어 있는 API를 읽어와서 이를 출력하는 것이 목표로 보여짐. 이 과정 중에서, 마크업을 이용해서 문제에서 요구하는 파일에서 렌더링 후, 각기 호출하는 식으로 설계가 요구되어 보임. 개인 기록: 당시 시간제한이 거슬려서 이것저것 못해 봤는데, 다시 알고 읽어보니 생..

[개요] 사진 API 출력하기 프로젝트

기간 약 3시간 당신은 고양이들을 모시고 있는 어느 집사에게 자신의 고양이 사진을 관리해달라는 의뢰를 받았습니다. 의뢰인은 당신이 믿을만한 사람인지 테스트하기 위해, 약간의 사진을 당신에게 보냈으며 이 사진들을 웹에서 볼 수 있도록 해달라고 합니다. 이 사진을 어떻게 처리할까 고민 중이던 때, 당신의 절친한 친구 Back-end 개발자가 당신을 돕기 위해 의뢰인이 보낸 사진들을 API 형태로 만들어주었습니다. 이 API를 이용해, 의뢰인을 만족시킬 수 있는 고양이 사진첩 애플리케이션을 만들어봅시다! ('2021 Dev-Matching: 웹 프론트엔드 개발자(상반기)' 기출 문제입니다.) 해설은 별개로 있음. 이를 제대로 코딩 할 수 있기 위해 준비한 과정은: [1-3], 영상 1. WEB 의 구동원리를 ..

Record - Oct 19th, 두번째 포트폴리오 페이지

이번에는 과거 전작 보다도 훨신 확신을 가지고 진행을 하게 된 개인 포트폴리오 페이지입니다. 우선 이 정도로 해 두고, 지금 처럼 해오듯이 저녁마다 조금씩 개선 하고 반응형을 좀 더 추가해보고자 합니다. 구현 예정인 JS 부문: 1. 마우스 스크롤링 시, 이를 감지해서 바로 반동하듯이 아래로 내려가는 기능. 2. 다른 section 으로 이동 시, 그림 삽화들이 서서히 로딩되는 기능. 3. 현재 위치(진행도) 표시하는 기능. 구현 예정인 HTML/CSS 부문: - 모바일 페이지 (현재 미구현) - project 부분에, github code 페이지 redirect link 및 icon 하나 추가. Jongwan Kim | Portfolio Executive Introduction 안녕하세요? 제 이름은 ..

코딩 일지 2021.10.19

프로젝트 캣이 스팀으로 나왔네요.

갑자기 유동 검색어가 자주 보이길래 확인 해 보니, 스팀에서 정식으로 출시된 걸 확인하였습니다. 일단 아직까지는 무료인 것 같습니다. 개발사에서 밝히기를, Project Kat 1.3 이 출시되었다고 합니다. 한동안 UI, 음악/사운드 등 번역까지 여러 부문에서 채용을 하더니 이제 본격적으로 만들고 있나 봅니다. Project Kat - Paper Lily Prologue on Steam Project Kat is a short, unconventional RPG horror game in which there is always another way. Solve puzzles, make friends (or not), and guide Kat as she attempts to uncover the mys..