신입 개발자 포트폴리오 준비하기
9분
신입 개발자가 포트폴리오를 제작할 때 어느 정도의 프로젝트를 해야하는지 고민하는 상황에서, 심플한 프로젝트를 만들어도 충분하다는 내용을 전달하며, 블로그를 프로젝트로 선택하여 개발하였다는 이야기를 담고 있다. 프로젝트를 개발하는 과정에서 REST API와 비동기 통신 등 최신 기술을 활용하여 프로젝트를 개선하였으며, 협업의 중요성을 깨달았다는 내용을 담고 있다.
나를 표현하는 블로그 : BLEX
1분
개발 노트는 소프트웨어나 프로젝트의 진행과정, 변경 사항, 이슈, 해결책 등을 기록한 문서입니다. 주로 버전 관리 시스템에서 관리되며, 팀원 간 의사소통과 업무 추적에 활용됩니다. 개발자들은 코드 변경 사항과 함께 새로운 기능, 버그 수정, 향상된 알고리즘 등을 개발 노트에 기록하여 프로젝트의 투명성을 유지하고 효율적인 협업을 도모합니다. 또한, 미래 업무 계획이나 기술적 도전 과제에 대한 아이디어도 기재하여 지속적인 발전을 위한 방향성을 제시
![[팀 프로젝트] 개요](/resources/media/images/title/2019/10/18/yoyounn18/9_49_0.jpg.minify.jpg)
[팀 프로젝트] 개요
1분
개요 주제 : 알고리즘 기반 교육 웹서비스 ~~주요 컨텐츠 실시간 통신을 이용한 1:1 알고리즘 대전 mmr, 랭크 시스템 구현 웹 코드 실행기 제공 수준별 맞춤 튜토리얼 제공~~ 기술스택 React Flask Socket.io Spring REST API MySQL Docker 역할분담 김영조 UX/UI(React) 김다현 RESTfulAPI(Spring) 데이터 모델링(MySQL) 배진오 실시간 통신 구현(Socket.io) 코드 실행 서버 …
안드로이드 폰을 개발 서버로 만들기
8분
이 글에서는 Debian 컨테이너를 띄우고 code-server를 활용해서 브라우저 내에서 VSCode 환경으로 접근해서 개발 작업을 진행할 수 있도록 하는 것, ssh로 원격으로 접근할 수 있는 방법, GUI가 필요한 경우를 대비해 VNCserver 설정 과정을 다루고 있다.
브롤스타즈 API 전적 사이트 : 플레이어 전투 기록 불러오기
14분
브롤스타즈 API를 이용해 플레이어 전투 기록을 불러오면서 게임 모드 전투 정보를 통일하고 API에서 직접적으로 제공하지 않는 클럽 리그를 따로 구분해보았다.
블로그는 어떻게 만들까?
12분
이 글은 블로그를 만들기 위해 필요한 프론트엔드와 백엔드 기술에 대해 설명하고 있다. HTML, CSS, JavaScript는 프론트엔드에서 사용되는 기술이며, LAMP 스택이나 리눅스, Nginx, PostgreSQL 등은 백엔드에서 사용되는 기술이다. 이외에도 서버 사이드 언어 등 다양한 기술을 사용할 수 있으며, 언어 및 프레임워크 선택은 개발자나 서비스의 목적에 따라 다를 수 있다.
Angular :: Component - 2
10분
앵귤러 컴포넌트에서 자식 엘리먼트 참조 및 컨텐츠 프로젝션에 대해 알아봅니다. @ViewChild를 사용하여 자식 컴포넌트를 참조하고 <ng-content> 태그를 활용하여 컨텐츠를 전달하는 방법을 다룹니다. 단일 및 다중 슬롯 컨텐츠 프로젝션에 대해 살펴보며 조건부 렌더링 방법도 소개합니다.
백준BOJ/JAVA : 14928번 큰 수 (BIG)
3분
14928번 : 큰 수 (BIG) 원본 알고리즘 분류 수학 사칙연산 임의 정밀도 / 큰 수 연산 문제제연이는 그의 생일(2000년 3월 3일)을 기념해 자신이 가장 좋아하는 수를 20000303으로 나눈 나머지를 구해 그 수만큼 잠을 자기로 했다. 제연이가 얼마나 잠을 잘 수 있을지 구하자. 입력첫째 줄에 제연이가 가장 좋아하는 수 N이 주어진다. …
블로그 플랫폼에 대한 생각, BLEX를 선택한 이유
2분
학교생활도 어느정도 적응했고, 이전부터 계획하던 블로그를 시작하려고 했다. 과거에 운영하던 Tstory 블로그가 있지만, 꾸준히 운영한 것도 아니였고 무엇보다 디자인이 직관적으로 눈에 들어오지 않아 마음에 들지 않았었다. 앞으로 blex를 포함해 다양한 플랫폼을 시도해도면서 내게 맞는 블로그를 찾아보겠지만, 현재로써는 blex가 제일 마음에 들고, 만약 다른 블로그로 가게된다면 아마 Github 쪽에서 커스텀해서 운영하지 …
티스토리처럼
2분
블렉스는 지금까지 방문자 입장에서의 개발을 위주로 진행하였다. 웹사이트에 방문하는 사용자들에게 되도록이면 '괜찮아 보이는 사이트'로 보이기 위한 작업을 주로 해왔었다. 최근 서비스에 가입해 주시는 분들이 종종 계신데 실 사용자 입장에서의 디자인이 전혀 개선되지않고 있었기에 굉장히 부끄러웠다. 어떻게 개선할 수 있을까 (메인 페이지 이런 느낌으로 바꿔야지 헤헿) 설정창을 어떻게 개선할 수 있을까 …
조회수 개선
1분
개선 방안 기존에는 매일 0시에 CRON 방식을 이용하여 포스트의 속성값을 변경하며 유지하였다. 처음 이 기능을 만들때는 그저 어제, 오늘, 총 조회수만을 간단하게 보여주는 것을 목표로했으나 포스트의 날자별 조회수를 보여주기 위한 방안을 다시금 생각해보게 되었고 부득이하게 데이터의 구조를 변경하게 되었다. 조회 측정 방식 리뉴얼 구조를 변경하면서 기존에 가지고 있었던 몇 가지 …
JavaScript 기본 문법 정리
28분
자바스크립트의 변수, 연산자, 조건문, 함수, 배열 등의 기본적인 문법을 설명하고, 각각의 예시와 함께 사용 방법을 소개하였다. 최신 자바스크립트에서 추가된 let과 const, 화살표 함수 등도 다루었다. 배열과 관련된 메소드에 대해서도 설명하였다.
1인 웹개발 프로젝트 : 중간회고
33분
블로그 서비스 블렉스는 다양한 블로그 서비스의 장단점을 파악하고 본연의 기능에 충실한 서비스를 만들기 위해 개발되었습니다. 초기에는 마크다운 변환을 위해 GitHub API를 사용했으나, Parsedown 라이브러리를 활용해 서버를 열고 성능 개선을 이루었습니다. 이미지 업로드와 소셜 로그인 구현 등 다양한 기능을 개선하면서 조언을 구하는 등 진행 상황과 방향성을 불안해하면서도 노력하며 개발을 마무리했습니다.
BLEX 2023 3월 개발노트
3분
포스트 분석 페이지 추가, 방문자 평가 기능 추가, 모달 사용성 개선, 기타 디자인 개선 등의 업데이트가 이루어졌습니다. 무한 스크롤과 페이지 네비게이션에 대한 고민과 해결 방법, 업커밍 기능 등이 소개되었습니다. 디스코드, 주간 개발노트 등을 통해 더 많은 정보를 얻을 수 있습니다.
Xamarin Form에서 SNS 인증하기
7분
과거에 잠깐 회사에서 개발할 때 Tstory에 작성한 글이다. BLEX 블로그를 겸하면서 옮겨서 다시 정리하고자한다. 참고로 해당 글은 해당 깃허브 소스를 참고해 현재 버전에 맞게 수정한 것에 불과하다. Blog https://m.blog.naver.com/PostView.nhn?blogId=goldrushing&logNo=221482308506&proxyReferer=https:%2F%2Fwww.google.com%2F Github https://github.com/imagef5/Xamarin.SNS.Login.Sample Xamarin.From MS 측 .NET Framework를 이용해 크로스 플랫폼 앱을 개발하는 오픈소스 플랫폼이다. 각 플랫폼의 Native UI를 C#을 통해 제어하는 …
🎲 주사위 프로그램
2분
문제 로직 컴퓨터와 내가 주사위 2개를 굴린다. 주사위는 랜덤값으로 처리해야한다. (주사위 값을 안다면 그건 주사위가 아니기 때문에) 컴퓨터 주사위 2개, 내 주사위 2개를 랜덤값으로 초기화해야한다. 주사위 눈금의 합이 큰 쪽이 이긴다. 컴퓨터 주사위와 내 주사위의 값을 각각 더하는 변수가 필요하다. if문으로 컴퓨터가 이겼는지 내가 이겼는지 조건처리 해주면 됨 두 눈금이 …
Hello blex!
3분
markdown test 리스트 예제 다음 네이버 mathjax 테스트 $$ F = ma $$ 문단 내 mathjax, $F$ 는 힘(Force) 다른게 뭐가 있을까? 인용문 "거인의 어깨에 올라 더 멀리보라." - 주식초보 뉴턴 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id aliquam orci, eu imperdiet erat. Suspendisse laoreet …
Rust-Lang으로 알고리즘 문제 풀기 (기초 다지기)
11분
2019-12-10에 작성한 러스트와 관련된 첫 글인데 이번이 두번째 쓰는 글이다. 2-3일은 무슨... 3달이 훌쩍 지나버렸다. 맨날 '해야지 해야지' 하면서 '해야지'만 맨날 하는중이다. 정말 너란 녀석... 이제는 진짜 해야지! 진짜 진짜 스스로와의 약속을 하겠다. 죽이되든 밥이되는 무엇이건 러스트를 이용해서 해결할 것이다. 함수형과 러스트에 익숙해지기 위해서 2일에 하나씩 30일간 15개의 개시글을 꼭 …
달력을 출력하는 알고리즘
5분
달력 알고리즘 심플한 달력 프로그램을 만드려고 고민하는 도중, 최소한 달력을 자동으로 출력해서 토요일과 일요일은 다른색으로 표시하는 기능을 만들어 보려고했다. 하지만 딱히 달력이라는 개념에 대해서 생각하며 살아온 건 아니었기 때문에 기능을 구현하다가 막히게 되었다. 처음에는 시스템의 요일과 해당 일(3월 2일 금)을 가져와서 1일의 요일을 찾아가는 방식을 사용하려고 했지만 이미 만들어진 기능으로 …
파이썬(Python) - 유전 알고리즘 기본
19분
유전 알고리즘에 대한 이론적인 내용과 간단한 코드 구현 방법을 소개하며, 0에서 9까지의 유전자를 가진 염색체를 생성하고 1을 우성 유전자로 평가하여 진화하는 과정을 다룬다. 적합도 평가, 세대 교차 및 돌연변이, 다음 세대 적합도 평가 등의 알고리즘 흐름을 설명하며, 코드 작성 시 파이썬의 얇은 복사와 깊은 복사의 차이점에 대한 이슈도 다룬다.
Javascript : 프로토타입과 this, call, apply, bind
3분
프로토타입 javascript에는 클래스라는 개념이 없기 때문에, 자신이 다른 객체의 원형이 되는 객체를 의미 // Person에 대한 프로토타입 생성 function Person() { this.name; this.age; this.job; } // Person 프로토타입에 대한 setData 함수 생성 Person.prototype.setData = (name, age, job) => { this.name = name; this.age = age; this.job = job; }; // …
[트위치 도네이션 계산기 제작기]이거 혹시 하면 안되는건가요..?
7분
코드가 유실됐고 완벽하게 완성한 것도 아니었지만 작년 이맘때쯤 너무 재밌게 개발했던 경험이라 기록으로 남겨두고 싶어서 포스팅을 해본다. 지금은 안보지만 작년 이맘때쯤 인터넷 방송에 빠졌었다. 국내 인터넷 방송 플랫폼이라고 하면 크게 두 가지로 나뉘는데 하나가 국내 플랫폼인 아프리카, 다른 하나가 글로벌 플랫폼인 트위치였다. 나는 그 중에서 트위치에 빠졌었는데 이 트위치는 글로벌 …