들어가며 난 무언가를 시작하기전에 이게 왜 필요한지 어디에 활용되는지 반드시 파악하고 진행하는 편이다. 몇몇 자료를 찾아봤지만 아래의 글에서 무엇인가 깊고 진한 전문가의 향기가 났다. 여하지간 아래 글을 참고하여 RN의 특성을 파악하였다. [RN] React-Native의 장단점은? Expo Web(React Native for web) 튜토리얼 내용을 정리해보면 RN의 장점은 다음과 같이 추려진다. React를 알고 있다면 …
BLOG await의 함정, 숨은 병목을 찾자 # 나는 요즘 자바스크립트를 쓴다. 그리고 자연스럽게 async, await을 남발하는 나를 발견한다. 마음속에선 이걸 '차라리' 파이썬으로 짯다면 더 훌륭한 가독성으로 짤텐데라는 생각이 든다. 그리고 비동기를 처리할 일이 생기면? 스레드를 사용하겠지. 노드를 쓰면서도 노드의 장점을 하나도 활용하지 못한체 아직도 파이썬을 코딩하던 사고방식에 갖혀있는 것 같다. …
일렉트론은 Web Stack을 이용하여 데스크톱 어플리케이션을 개발할 수 있는 도구이다. GitHub에서 Atom을 제작하기 위해서 만들었으며 일렉트론을 사용하여 만들어진 어플리케이션은 Slack, VS Code, Discord가 있다. 기본적으로 크로미움을 내장하고 있는 것으로 보인다. 프레임워크 구성 main.js 메인 프로세스 데스크톱 앱의 백엔드 역할을 수행 앱 자체의 총괄적인 부분(Node.js와 거의 동일) 업데이트 제어 OS GUI …
간만에 작성하는 업데이트 일지. 오늘은 스레드의 리뉴얼에 관한 내용이다. 최초에 스레드는 임시 메모장 혹은 동적으로 채워가는 포스트 정도로 생각하고 기능을 구현하였다. 가령 업데이트 노트처럼 내용이 별로 없는 글을 최신순으로 나열해서 보여주는 방식이다. 하지만 문제점이 몇가지 보이기 시작했다. 스토리를 한 눈에 파악하기 힘들다. 스레드엔 목차라는 개념이 없었기에 특정한 스토리를 찾아보기가 매우 …
BLOG 알고리즘 공부, 어떻게 해야하나요? # 알고리즘을 해결하는 실력을 키우려면 1.구현력 2.문제해결능력 3. 배경지식에 대한 능력을 향상시켜야 한다. 또한 글의 저자는 컴퓨팅적 사고력을 기르기 위한 문제로 BOJ 모든 '별찍기'와 'n과 m' 시리즈를 풀어보길 권하고 있다. 구현력 : '대충 어떻게 짜라는지 알겠는데 코드로 못 만들겠다' 이런 생각이 든다면 이 능력이 부족한 …
잠시동안 배운 R 어쩌다 R 프로그래밍 언어를 배울 기회가 있었는데, 새로운 언어를 익히는 건 재미있었지만 너무 수학적인 언어라 다시 쓸일이 있을까 싶은 생각이 든다. 여하간 이번에 배운 R 프로그래밍 기본 문법을 블로그에 정리해 둘 생각이다. 1. 변수의 이름 변수의 이름에는 . _ 등이 올 수 있다. .은 먼저 사용할 수 …
깃허브를 사용하면서 깔끔한 커밋 히스토리를 만들고 싶은 사람들을 위한 글이다. 커밋 규칙과 ReadMe 작성 방법 등을 다루며, 중요한 내용을 간추려 예쁘게 만드는 것이 중요하다는 견해를 밝힌다.
러스트 웹 개발을 위한 프레임워크 선택을 고민하는 글로, ACTIX, Rocket, Nickel, Yew 등의 프레임워크를 비교하며 Rocket을 선택한 이유와 사용 방법을 소개하고 있다. Template 기능도 포함되어 있으며, tera라는 템플릿 엔진과 함께 사용하는 방법도 설명하고 있다.
앞으로 더 추가하고 싶은 기능이 생길지도 모르겠지만 현재까진 아래에 있는게 전부다. 아래에 있는 기능들을 완성하면 서버 관리나 트레픽 관리하는 정도만 진행하고 다른 프로젝트를 시작해야겠다. 설정 리뉴얼 티스토리처럼 진행중인 항목이다. 앞으로 추가해야 할 항목은 설정의 메인에서 자신의 모든 글에 대한 오늘의 방문자 어제 방문자 총 방문자를 출력해 줄 예정이다. 또한 인기글과 …
이 글은 AJAX 개념과 PHP에서의 활용 방법을 다루고 있다. AJAX는 비동기 통신 기술로, 백엔드에서 필요한 부분만 제공하고 프론트에서 필요한 부분만 가져와 붙힐 수 있다. 예제를 통해 AJAX의 구현 방법과 JSON을 이용한 통신도 소개하고 있다.
블렉스는 지금까지 방문자 입장에서의 개발을 위주로 진행하였다. 웹사이트에 방문하는 사용자들에게 되도록이면 '괜찮아 보이는 사이트'로 보이기 위한 작업을 주로 해왔었다. 최근 서비스에 가입해 주시는 분들이 종종 계신데 실 사용자 입장에서의 디자인이 전혀 개선되지않고 있었기에 굉장히 부끄러웠다. 어떻게 개선할 수 있을까 (메인 페이지 이런 느낌으로 바꿔야지 헤헿) 설정창을 어떻게 개선할 수 있을까 …
개선 방안 기존에는 매일 0시에 CRON 방식을 이용하여 포스트의 속성값을 변경하며 유지하였다. 처음 이 기능을 만들때는 그저 어제, 오늘, 총 조회수만을 간단하게 보여주는 것을 목표로했으나 포스트의 날자별 조회수를 보여주기 위한 방안을 다시금 생각해보게 되었고 부득이하게 데이터의 구조를 변경하게 되었다. 조회 측정 방식 리뉴얼 구조를 변경하면서 기존에 가지고 있었던 몇 가지 …
이 블로그는 정말 짜증나는게 포스트가 임시 저장이 안된다는 점이 매우 불편하다. 솔직히 지금까진 큰 무리없이 비공개 기능을 활용해서 어찌저찌 여차저차 써왔지만 임시 포스트 저장이라는 기능을 만들어 달라는 요청을 받아들여 해당 기능에 대한 구상과 DB작업은 끝냈음에도 불구하고 일하고 오면 피곤하다는 핑계로 계속해서 미루고 있다. 이번 주말에 만들어버릴 생각으로 계획 좀 해놓으려고 …
자바스크립트의 변수, 연산자, 조건문, 함수, 배열 등의 기본적인 문법을 설명하고, 각각의 예시와 함께 사용 방법을 소개하였다. 최신 자바스크립트에서 추가된 let과 const, 화살표 함수 등도 다루었다. 배열과 관련된 메소드에 대해서도 설명하였다.
Cargo Rust-Lang은 Node의 NPM처럼 Cargo라는 공식 패키지 관리자를 제공하고 있다. 러스트 공식 문서에서는 source.rs를 생성하여 코드를 작성하는 것 보다는 Cargo를 이용하는 것을 추천하고 있다. Cargo를 사용하면 소스코드의 라이브러리 의존성을 간단하게 관리할 수 있다. 새로운 프로젝트 cargo new project_name 위 명령어를 사용하여 프로젝트를 생성할 수 있다. 라이브러리를 생성하는 거라면 아래와 같이 …
이번에도 파이썬으로 풀었던 알고리즘 코드를 러스트로 변환해 볼 예정이었다. 수 찾기라는 문제인데 해당 문제는 10만개의 숫자가 주어지는 만큼 빠른 속도로 탐색이 이뤄져야 하는 문제다. 필자는 직접 이진 탐색 트리를 구현하여 해결하였고 러스트에서도 그러할 계획이었다. 다만 이 문제를 해결하기 위해선 두가지의 지식을 알아야 했는데 러스트에선 어떻게 구조체를 구현하는가? 러스트에선 어떻게 구조체의 …
저번에는 기초적인 문제로 기초적인 문법을 다뤘으니 이번엔 파이썬으로 작성한 코드중에 뭔가를 러스트로 변환해 보고자 하였다. 2가지 정도를 변환해 볼 것인데 이번에는 백준에서 무려 25점을 받았던 (...) 개발자 능력 실화? K번째 소수라는 문제의 파이썬 코드를 러스트로 변환해 볼 것이다. 이 코드를 변환하는 이유는 필자의 궁금증을 해결하기 위함이다. 파이썬이기 때문에 25점을 받은건지, …
2019-12-10에 작성한 러스트와 관련된 첫 글인데 이번이 두번째 쓰는 글이다. 2-3일은 무슨... 3달이 훌쩍 지나버렸다. 맨날 '해야지 해야지' 하면서 '해야지'만 맨날 하는중이다. 정말 너란 녀석... 이제는 진짜 해야지! 진짜 진짜 스스로와의 약속을 하겠다. 죽이되든 밥이되는 무엇이건 러스트를 이용해서 해결할 것이다. 함수형과 러스트에 익숙해지기 위해서 2일에 하나씩 30일간 15개의 개시글을 꼭 …
최근 사고력의 향상을 위해서 꾸준하게 알고리즘 문제를 풀어보고 있다. 당연 필자가 가장 자신있는 언어라고 생각하는 파이썬을 응용하고 있는데 시간초과가 생각보다 많이 발생했다. O(1)로 접근할 수 있는 요소를 O(n)으로 접근하는 등 기본기의 부족으로 인함으로 보였다. 그리하여 파이썬의 각 자료형의 연산에 대한 복잡도를 어지간하면 숙지해 놓으려고 한다. 출처 : https://www.ics.uci.edu/~pattis/ICS-33/lectures/complexitypython.txt 리스트자료형 리스트의 …
RESTful API와 프론트엔드 프레임워크의 도입으로 서비스형 블로그의 발전을 시도하고자 하였다. REST API의 개념과 Django REST Framework의 구현에 대해 학습하였으며, HTTP Method와 Content-type을 알아내고 적절한 응답을 하는 것을 DjangoRESTframework로 구현할 수 있다는 것을 알게 되었다. 프레임워크의 도입은 구현을 간단하게 만들어주며, 코드의 재사용성을 높이고 프론트엔드와 백엔드의 완전한 분업이 가능하다는 장점이 있다.
블로그 서비스 블렉스는 다양한 블로그 서비스의 장단점을 파악하고 본연의 기능에 충실한 서비스를 만들기 위해 개발되었습니다. 초기에는 마크다운 변환을 위해 GitHub API를 사용했으나, Parsedown 라이브러리를 활용해 서버를 열고 성능 개선을 이루었습니다. 이미지 업로드와 소셜 로그인 구현 등 다양한 기능을 개선하면서 조언을 구하는 등 진행 상황과 방향성을 불안해하면서도 노력하며 개발을 마무리했습니다.
Hello, React React로 Hello World를 출력해보자. 기본적인 설치 방법과 사용 방법을 기록하기 위해서 작성한다. How to install npm install -g create-react-app How to make application create-react-app hello-world 위 명령어를 이용하여 애플리케이션을 생성할 수 있다. 생성된 디렉터리 아래 src 내부의 모든 파일을 지운 뒤 index.js와 index.css를 생성하고 index.js에 아래와 같은 내용을 …
Docker 아직 도커를 잘 모르는 상태로 작성하였음을 감안해주시길 바라며 내용은 주기적으로 바뀌거나 추가됩니다. 또한 Ubuntu 20.04 LTS 기준으로 작성되었음을 안내드립니다. *설치를 제외한 모든 명령어를 동일하게 사용할 수 있습니다. 설치 sudo apt-get install docker docker-compose Docker 설치 후 아무런 작업이 안해줬다면 권한의 문제로 sudo를 지속적으로 붙여 사용해야 하는데 이 경우 아래 …
