-
깃허브 블로그? TOP NEW
저도 배너가 띄우고 싶다고요 . . . 왜 안보여요 . . . 개발 블로그!? 인트로 ssafy에 들어온지도 꽤 오랜 시간이 지났다. 비전공 문과생에서 출발해 아주 조금은 코드를 작성하고 있지만 늘 배운 내용을 TIL 이라는 이름의 혼란한 장소에 저장만 하다보니 필요할 때 찾으면 정말 발견되는 경우가 없었다. 정말 많은 것을 배운 것 같다는 생각을 하지만 열심히 공부했던 기록들이 이대로면 의미없는 정보가 될 것 같기에 공부했던 내용과 앞으로 공부할 내용을 옮겨 적고, 나 뿐만 아니라 다른사람들도 도움이 되면 하는 마음으로 블로그를 해보려고 한다. 그래서 여러 블로그를 고민해봤지만 FE ... Read More
-
TOP NEW
백준 1244 - 스위치 켜고 끄기 문제 문제 이해 스위치 상태 : 1 & 0 남학생 : 자신의 배수에 해당하는 스위치 전환 여학생 : 대칭 구간에 대해서 스위치 전환 1번 스위치에서 시작하여 마지막 스위치까지 한 줄에 20개씩 출력 접근 스위치 번호는 1부터 시작한다. 따라서 N + 1 개의 배열 선언 student 클래스 활용 gender 와 number 가짐 남학생 / 여학생 메서드 분리 스위치 상태 변경 = XOR 연산 Student 클래스 static class Student { int gender; // 1: 남학생, 2: 여학생 in... Read More
-
[Java] 백준 7568 - 덩치 TOP NEW
백준7568 - 덩치 문제 접근 x,y p,q 가 있다고 할 때 x,y가 p,q 보다 둘다 커야 한다 (&& 사용) 해당 인물의 등수는 자신보다 큰 사람 k + 1 N은 50으로 작음. <- O(N^2) 도 문제가 없다! 아 브루트포스! 구현 전 굳이 class 를 만들어서 접근할까? 2차원 배열 쓸까? 어차피 하나하나 집어넣을 것, class를 써서 익숙해지자는 마인드 StringBuilder에 현재 인물의 등수와, 공백을 통해 출력! 구현 import java.io.BufferedReader; import java.io.IOException; ... Read More
-
프로젝트 내 유저 개인 식별 TOP NEW
들어가기 전에. 유저를 어떻게 식별하여 중복 가입을 막을 수 있을까? 그리고 어떻게 조금은 더 안전하게 관리할 수 있을까? 현재 기획이 완료되어 개발중인 프로젝트인 “Re-Use“에는 유저 1명이 1개의 계정만을 가질 수 있어야 한다. 블록체인과 모바일 신분증을 이용하여 인증하기 때문에 그렇게 어렵지 않을 것이라 생각했지만. UX 관점: 사용자에게 별다른 추가 인증 과정 없이, 모바일 신분증 인증만으로 간편한 로그인/회원가입 경험을 제공해야 함 로그인/회원가입 로직: 모바일 신분증 인증 후 반환되는 “유저의 고유한 값”을 통해, 기존에 등록된 사용자라면 로그인을, 새로운 사용자라면 회원... Read More
-
Shadcn/ui와 프론트엔드 프로젝트 구성 TOP NEW
프론트엔드 개발 시작. 디자인에서 몇 번이나 꺾여버렸는지 모르겠다만 드디어 개발에 들어간다. Shadcn /ui ?? 다양한 프레임워크와 해당 생태계의 UI 라이브러리가 있지만. 대부분의 경우 내부 구현을 커스터마이징 하거나, 특정 요구 사항에 맞춰 수정하려면 오히려 내가 만드는게 빠를듯 이라는 생각이 들 정도로 복잡할 때가 있다. collection of reusable components 는 철학 하에, shadcn/ui는 해당 컴포넌트를 설치하는 것이 아니라 컴포넌트 코드를 복사해온다. 공식 페이지 특징 npx shadcn@latest init 을 통해 가져온다. (npm ins... Read More
-
[Node.js] 백준 22866 - 탑 보기 TOP NEW
백준 20125 - 쿠키의 신체 측정 문제 이번에는 Node 로 한번 달려보기로. 쿠키 해부학 쿠키의 신체는 머리, 심장, 허리, 그리고 좌우 팔, 다리로 구성되어 있다. 그림에서 빨간 곳으로 칠해진 부분이 심장이다. 머리는 심장 바로 윗 칸에 1칸 크기로 있다. <- 머리 아래가 심장 왼쪽 팔은 심장 바로 왼쪽에 붙어있고 왼쪽으로 뻗어 있으며, 오른쪽 팔은 심장 바로 오른쪽에 붙어있고 오른쪽으로 뻗어있다. 허리는 심장의 바로 아래 쪽에 붙어있고 아래 쪽으로 뻗어 있다. 왼쪽 다리는 허리의 왼쪽 아래에, 오른쪽 다리는 허리의 오른쪽 아래에 바로 붙어있고, 각 다리들은 전부 아래쪽으로 뻗어 있다.... Read More
-
[Java & Node.js] 백준 14469 - 소가 길을 건너간 이유 3 TOP NEW
백준 14469 - 소가 길을 건너간 이유3 문제 이웃 농장의 소가 길을 마구잡이로 건너는 것에 진절머리가 난 존은 극단의 결정을 내린다. 농장 둘레에 매우 큰 울타리를 짓는 것이다. 이렇게 하면 근처 농장 출신의 소가 들어올 일이 거의 없다. 이 일로 주변 소들이 분개하였다. 친구네 집에 놀러 갈 수 없을 뿐만 아니라, 매년 참가하던 국제 젖 짜기 올림피아드에도 올해는 참가할 수 없게 되었기 때문이다. 이웃 농장의 소 중 존의 농장에 방문할 수 있는 소가 조금 있긴 하지만, 그들도 안심할 수 있는 건 아니다. 존의 농장에 들어가는 문은 하나밖에 없고, 그 문을 통과하려면 감시관의 길고 긴 검문을 받아야 한다... Read More
-
[Java] 백준 8979 - 올림픽 TOP NEW
백준 8979 - 올림픽 문제 올림픽은 참가에 의의가 있기에 공식적으로는 국가간 순위를 정하지 않는다. 그러나, 많은 사람들이 자신의 국가가 얼마나 잘 하는지에 관심이 많기 때문에 비공식적으로는 국가간 순위를 정하고 있다. 두 나라가 각각 얻은 금, 은, 동메달 수가 주어지면, 보통 다음 규칙을 따라 어느 나라가 더 잘했는지 결정한다. 금메달 수가 더 많은 나라 금메달 수가 같으면, 은메달 수가 더 많은 나라 금, 은메달 수가 모두 같으면, 동메달 수가 더 많은 나라 각 국가는 1부터 N 사이의 정수로 표현된다. 한 국가의 등수는 (자신보다 더 잘한 나라 수) + 1로 정의된다. 만약 두 나라가 금, 은, ... Read More
-
[Node.js] 백준 1283 - 단축키 지정 TOP NEW
백준 1283 - 단축키 지정 문제 한글 프로그램의 메뉴에는 총 N개의 옵션이 있다. 각 옵션들은 한 개 또는 여러 개의 단어로 옵션의 기능을 설명하여 놓았다. 그리고 우리는 위에서부터 차례대로 각 옵션에 단축키를 의미하는 대표 알파벳을 지정하기로 하였다. 단축키를 지정하는 법은 아래의 순서를 따른다. 먼저 하나의 옵션에 대해 왼쪽에서부터 오른쪽 순서로 단어의 첫 글자가 이미 단축키로 지정되었는지 살펴본다. 만약 단축키로 아직 지정이 안 되어있다면 그 알파벳을 단축키로 지정한다. 만약 모든 단어의 첫 글자가 이미 지정이 되어있다면 왼쪽에서부터 차례대로 알파벳을 보면서 단축키로 지정 안 된 것이 있다면 단축키로... Read More
-
[Node.js] 백준 22866 - 탑 보기 TOP NEW
[Node.js] 백준 22866 - 탑 보기 이거 왜 어렵지? 진짜 왜 어렵지? 왜 시간초과지? 예시 입력: 6 10 4 2 8 11 7 예시 출력: 1 4 1 1 0 2 5 2 4 1 5 접근 그냥 양쪽 다 확인하자 -> 시간초과 스택 두 번 나눠서 따로 돌리자 -> 오잉… 왜 됨..? O(N^2)과 O(N)이 되어벌인.. 핵심 buildings : 각 건물의 높이 저장된 곳 visibleCount : 각 건물에서 볼 수 있는 총 건물 개수 closestBuilding : 가장 가까운 건물 번호 코드 const input = require("fs") .rea... Read More
-
[Java] 백준 4485 - 녹색 옷 입은 애가 젤다지? TOP NEW
[Java] 백준 4485 - 녹색 옷 입은 애가 젤다지? 링크가 잃을 수밖에 없는 최소 금액은 얼마일까? 를 찾는 문제 5 5 4 3 9 1 3 2 7 접근 비용이 있는 맵에서 최단 경로를 찾음 + 음의 가중치 없음 -> 다익스트라 쓰자! 각 칸을 노드로 생각하고, 이동 자체를 간선으로 생각하고 풀었음. 핵심 int[][] grid : 지도 정보 int[][] dist : 최소 비용 저장 배열 PriorityQueue : 비용이 가장 적은 곳 부터 탐색하기 위함 Node : 큐에 담길 노드를 묶어주기 위함 코드 import java.io.BufferedReader; im... Read More
-
[Java] 백준 10431 - 줄 세우기 TOP NEW
백준 10431 줄 세우기 문제 링크 문제 이해 및 접근 뒤로 물러나는 걸음 수 계산하기 따라서 배열에 삽입하는 방식으로 접근. 삽입 후 인덱스를 이용, 뒤로 물러나는 걸음 수를 계산 ArrayList 활용 크기가 동적임 삽입시 자동으로 요소를 밀어냄 (문제에서 말하는 줄 세우기랑 같음!) 코드 구현 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.StringTokenizer; publ... Read More
-
[Java & Node.js] 백준 9935 - 문자열 폭발 TOP NEW
백준 9935 - 문자열 폭발 접근 실패한 접근 : replace를 통해서 계속 돌려보기 - 계속해서 새로운 string을 만드는 구조라 효율적이지 못함. 반복적으로 새로운 문자열을 생성하는 구조 : 시간 초과 정답 접근 스택을 활용하자. 입력 문자열을 한 글자씩 스택에 넣음 스택의 마지막 부분이 폭발 문자열과 일치하는지 확인 일치하면 해당 부분을 pop 연쇄작용도 간단히 해결됨 코드 Java StringBuilder를 스택처럼 활용해서 해결. 찾아보니 해당 요소는 가변적이라 함. (이득) import java.io.BufferedReader; import java.io.IOEx... Read More
-
자바로 알고리즘 풀기 TOP NEW
우당탕탕 자바 알고리즘 그냥 일단 해보기. 진짜 하나도 모르는 사람이라서… 문제 : 집합 (백준 11723) 문제를 자세히 보면 “node.js 사용불가”가 써있어서 컴퓨터에 깔려있는 아무 언어로 풀어야지 라는 마음으로 가볍게 시작한 문제 import java.util.Arrays; import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); boolean[] S = new boolean[21]; int N; ... Read More
-
JavaScript 객체 순회 TOP NEW
자바스크립트에서 객체 순회하기 객체에는 순서가 없다! 네. 그래서 일반적인 인덱스 기반 for 루프로는 객체의 속성을 직접 순회할 수 없습니다. for ...in 개념 객체의 모든 열거 가능한(enumerable) 속성들을 순회하는 데 사용. 객체 자체의 속성 뿐 아니라 프로토타입 체인을 통해 상속받은 속성까지 순회할 수 있음 const obj = { a: 1, b: 2, c: 3 } for (const key in obj) { console.log(`키: ${key}, 값: ${obj[key]}`); } // 예상 출력: // 키: a, 값: 1 // 키: b, 값: 2 // 키... Read More
-
1일 1로그 하드웨어 TOP NEW
이 책의 목표는 여러분이 놀라운 기술에 감사하는 마음을 갖고 기술이 어떻게 작동되는지, 어디서 왔는지, 미래에 어디로 갈 것인지를 이해하게 되는 것이다. 그 과정에서 어쩌면 세상을 바라보는 유용한 방법을 찾을 수 있을 것이다. 부디 그렇게 되기를 희망한다. 본 책 들어가며 pag. xxii 1일 1로그 100일 완성 간단하게 읽으며 정리하고자 일반 포스팅으로 변경됨 들어가기 전에. 다양한 역사. 인류의 역사는 “계산”의 역사이기도 한 듯 하다. 안티키테라 기계 : 세계 최초의 아날로그 컴퓨터. 천체 위치 계산. 에이다 러브레이스 : 해석 기관을 과학적 계산에 사용하는... Read More
-
NextJS 404 페이지 변경하기 TOP NEW
-
도메인을 구매하다 TOP NEW
끼얏호우! 2750원에 구매해버린 나의 귀여운 도메인. 그런데 도메인을 구매했지만 쓰는 방법은 모른다! 따라서. 구매는 했는데 이제 뭐함? DNS 레코드 수정 깃허브 페이지에 블로그 등록~ 그럼 본격적으로 시작하자 공식문서 사실 난 너가 뭐라는건지 아직 모르겠어. 공부할게… DNS 레코드 수정 나는 블로그 주소를 blog라는 서브 도메인을 통해서 들어올 수 있게 설정하고 싶다. 따라서 서브도메인 만들기를 가비아에서 진행한다. 배포중인 github pages 레포에서 pages 설정 i. Custom domain을 위에서 설정한 값으로 넣어준... Read More
-
NextJS 페이지에 Github로 정보 가져오기 TOP NEW
직판장 오픈~ 정상 영업합니다 해당 글은 직판장에 업로드 된 글 입니다. 직판장의 원할한 서비스를 위한 준비를 다루는 포스팅입니다. 제발~ 잘 되면 좋겠다! NextJS를 처음 써보는데… 생각보다 어렵네요… 시작하기 Vercel이 Nextjs 플젝을 만들어줬다. 헤헤 편하다 포폴도 여기서 만들면 좋겠다는 생각이 들었다. 이미 배포된 환경에 하나 서브도메인을 넣어버리거나 그런 느낌으로! 커스텀은 소중하니까 npm install npm run dev 간만에 프론트 개발 들어갔는데 음 하나도 모르겠다!!!!!!!!! 아무튼 만들어봅시다. 목적 이번 프로젝트의 목표는 ... Read More
-
옵시디언으로 블로그 만들기. TOP NEW
와 블로그를 또 만든다! 해당 포스팅은 직판장 (‘직접 만든 블로그’)에 업로드 되었던 글 입니다. 블로그를 또 만들어보기로 했다. 도메인도 구매한 겸, vercel이라는 친구와 익숙해질 겸… 그리고 Obsidian과 Git을 연결하고 나서부터 기존의 컴퓨터 환경에서만 진행하던 블로그 포스팅 작업을 모바일 환경에서도 이어나갈 수 있겠다는 생각이 막 들었기 때문이다. 근데 어떻게하지? 해서 시작하는 그런 포스팅 어떻게 진행할까? git을 통해서 프론트엔드 레포가 obsidian 포스팅을 바라보게 하자 프론트엔드 레포는 git api를 통해 obsidian 레포의 포스팅을 가져오자 대충... Read More
-
Obsidian 저장 및 동기화하기 TOP NEW
git을 이용한 Obsidian 동기화하기 원래는 NAS에 올려서 개인 깃과 개인적으로 중요한 파일을 사용하려고 했지만 집에서 나온지 어연 N년차. 본가에 설치되어있는 NAS가 뻗어버렸다! 그런고로 github와 obsidian git을 이용해 관리하고, 조금 더 나아가 핸드폰에서도 Obsidian을 이용해보기로 결정! 그러던 도중 문제 발생! 그 문제란 바로, 핸드폰에서 어떻게 깃을 이용할 것인가! 이런 문제가 생겨버렸다. 따라서 해당 과정을 해결하는 과정을 담은 글이 되겠다. 아. 근데 만약 git 사용법을 모르신다면… 댓글….헤헤…. 댓글 달려면 github 계정이 필요한데, github로 진행하... Read More
-
chatGPT 맞춤 설정 & 내가 쓰는 설정 TOP NEW
chatGPT 네 이놈!⚠️⚠️ 어떤 공부를 할까 하다가 가만히 앉아서 생각해보니 요즘들어 GPT랑 싸우는 일이 많아지고 있다. 정확히 말하면, 뭔가 설명을 간단하게 듣고 싶거나 자세히 듣고 싶을 때 몇번이고 물어볼 수 있는 그런 친구처럼 애용하고 있는데 답변의 꼬라지 상태가 영 좋지 않은 경우가 많이 있었다. 릴스나 쇼츠를 흘러다니다 보면 프롬프트가 중요하다고 하는데, 무지성으로 따라하기는 싫은지라 이것저것 찾아보던 중 발견하게 된 기능이 있는데 ❗ 맞춤 설정!? 프로필 -> chatGPT 맞춤 설정 와! 벌써 신난다! 바로 설정에 들어갔다. chatGPT 맞춤 설정 이런 제안을 사... Read More
-
Prisma TOP NEW
Prisma! NestJs와 Prisma를 이용해서 프로젝트를 구현하던 중 SoftDelete 방식을 사용하기로 했는데, Delete 요청이 들어왔을 때 Update하는 모습이 전혀 보기 좋지 않았다. 이에 따라 delete를 update로 덮어버릴까도 고민했지만, 언젠가 실제로 db에서 delete하는 경우가 필요할수도 있다는 생각이 들어서 찾아보던 중 PrismaExtension을 이용해서 내가 직접 어느정도 구현할 수 있는 선택지가 있다는 사실을 발견했다. Prisma Client Extension 자세한 설명은 공식문서 You can create an extension with one or mor... Read More
-
Bruno 간단 주의사항 TOP NEW
이전 글 바로가기 왜 갑자기? 이전 글에서 아 그리고 브루노 파일 git에 올릴때 조심해야해요. 파일 자체에 요청에 들어가는게 다 적혀있어서 잘못하면 토큰값 같은거 들어갈 수 있는데. 이는 ENV 파일을 사용할 수 있다고 합니다. 라고 작성했는데. 이런 실수를 실제로 해버린 경험이 있읍니다…. 맙소사! 나의 귀여운 토큰값들이 바로 올라가 있는 모습을 보고있자니 자괴감들고 괴로운 그런 상황 다행인것은 아무도 내 실수를 눈치채기 이전이었기 떄문에, 그리고 깃을 내가 관리하고 있었기 때문에 “완전범죄“를 시도할 기회가 남아있었는데…… 따라서 이번 포스팅은 해당 과정을 어떻게 ... Read More
-
Spring bean 하이하이 TOP NEW
-
Java 시작... TOP NEW
2025/02/14 ~ 2025/02/15 왜 갑자기 자바 스프링? 어.. 사실 나는 자바가 싫다! 왜냐고 묻는다면 그냥 싫었다! 뭐라해야하지… 그 홍대병 같은 느낌으로 조금 싫어했었는데. 아무래도 계속 피하기만 하는 것은 성장에 어떤 도움도 되지 않을 것 같다는 판단과. 취업을 위해서는 프론트도 할 줄 알고(잘해야겠지만) 백엔드도 할 줄 아는 것이 중요하다는 생각이 들었기 때문이다!!! 사실 여전히 주류 프레임워크라고 하면 스프링이고 그것은 자바기 때문에…… 그리고 또 다른 이유로는 지금까지 깨작깨작 시도해본 언어가 좀 있는데 (python js ts solidity dart… ) 이 상황에서 다른 새로... Read More
-
Hardhat을 사용해보자 TOP NEW
본격적인 스마트 컨트랙트 작성 전에 이미 작성한 부분에 대해서 정리함과 동시에 어떤 부분을 어떻게 개선 / 재작성 하는 것이 좋을지 생각하기 위해 한번 정리해보기로 했읍니다. . . 겸사겸사 어제 하루종일 gui없이 cli로 트랜잭션을 보내서 데이터를 확인하려고 했는데 마침 성공하여 TIL과 비슷한 성격으로 작성해보려고 합니닷 대충 실제로 올라간 스마트 컨트랙트 호출해서 마지막으로 확인해본다는 내용 목표 : 프록시 패턴을 사용한 부분에 대한 이해보다는, 실제로 호출하며 어떻게 저장된건지 로그 찍어보기 Hardhat? https://hardhat.org 이더리움 스마트 계약을 개발, 테스트, 배포,... Read More
-
블록체인 & NFT 1부 TOP NEW
NFT를 발급해보자! NFT Non-Fungible Token! ERC? ERC란, Ethereum Request for Comments의 약자로 스마트 컨트랙트를 위한 표준 규격을 정의한다. 개발자들이 블록체인 상에서 동일한 프로토콜로 작업할 수 있도록 표준화된 인터페이스 제공 상호 운용성 & 호환성 보장 ERC-20 & ERC-721? ERC-20 개념 대체 가능한 토큰을 발행하기 위한 표준 대체 가능하다는 뜻은, 모든 토큰이 동일한 가치와 특성을 지님 특징 암호화폐나 유틸리티 토큰 발행에 사용됨 토큰간의 차별성이 없으므로, 화폐처럼... Read More
-
블록체인 - Faucet으로 테스트넷 사용 준비 TOP NEW
블록체인 개발, 언제까지 로컬에서만 테스트 할 수는 없다! 실제 트랜잭션을 보내고 해당 이력을 확인하려면 배포는 필수! 그리고 배포를 하려면 “가스비”가 필요하다! 사실 모든 트랜잭션에는 가스비가 필요함!! 트랜잭션- feat. 이더리움 외부 소유 의해 서명된 메시지 이더리움 네트워크에 전송되고 블록체인에 기록된다. 블록체인 상태 변경을 유발하거나 컨트랙트를 실행하는 유일한 방법이다. 이더리움은 독자적으로 상태가 변경되지 않는다 컨트랙트는 독자적으로 실행되지 않는다. 가스비? 블록체인 네트워크에 상태 변경을 유발하거나 컨트랙트를 실행하는 과정 즉 트랜잭션에 ... Read More
-
우분투를 설치해보자 1 TOP NEW
생각해보니까. 정말 진지하게. 노트북도 있고, 이제 우분투 스크린샷 찍는 방법도 알고 이미 USB도 하나 있는데. 게다가 설치하는 환경도 GUI였는데 스크린샷을 찍을 수 있지 않을까? 하는 마음에 후딱 노트북도 우분투를 올려주기로 결심!!! 그리하여 시작된 삽질 그런 길을 가지 말았어야 했다 제대로 설치해보자 USB 부팅 후 우분투가 설치되지 않은 상태에서도 usb를 통해 부팅을 하면 체험할 수 있다. 덕분에 많은 기능을 이용할 수 있는데…. 나는 파이썬을 이용해보기로 했다. 스크린샷 옮기기 귀찮아서 파이썬을 설치하자 Ubuntu를 설치하기 위해 실행했지만, 스크린샷을 옮겨와야 하기... Read More
-
Nvim 입문기 치트시트 TOP NEW
vim을 써보자. 근데 neovim인 nvim neovim-cheat-sheet 개요 전공이 스페인어였지만, 그냥 이유없이 외우는 것은 별로 좋아하지 않는다. 선호하는 방식은 익숙해지는 그 순간까지 계속 사용하며 익숙해지는 것인데… 아무래도 방대한 vim의 단축키를 바로바로 생각하고 사용하는 것이 쉽지는 않을것이라고 생각되어 실제로 사용하며 참고하고자 치트시트를 작성해본다 사실 마우스도 종종 사용하고 있어서 완전 vim을 사용하고 있다고는 말 못함 기본 기본 정보 : esc 를 눌러서 탈출 한 후 사용함 숫자를 입력 후 명령하면, 해당 명령을 반복함 대소문자를 구분한... Read More
-
혼란스러운 Ubuntu 사용기 TOP NEW
충격 진짜 무서운 Ubuntu 실존!! 그것도 내 컴퓨터에 실존!? 처음에 접했던 git bash의 충격적인 불편함이 아직도 기억이 난다. git log를 타이핑 하는 순간, 터미널을 닫아야 했던 그런 충격적인 기억이 아직도 트라우마로 남아있는데… 새해 기념으로 새 코드는 새로운 방법으로 한번 접근해보자는 마음에 새벽 늦은 시간에 호다닥 Ubuntu를 설치했다. Ubuntu!를 설치하는 과정은 어떻게 스크린샷을 찍어야 하는지 모르는 관계로 이미지는 남기지 못했지만 과정은 다음과 같았다. 추가적으로, 온갖 용도가 섞여있는 컴퓨터로 공부를 하는 것은 별로라는 생각을 했다. 시험기간이 다가오면 책상정... Read More
-
Bruno로 API 테스트하기: Postman 대안? TOP NEW
Bruno로 API 테스트하기: Postman 대안? Bruno 간단 주의사항 Postman 이제 그만 쓸래요. SSAFY에서 처음으로 접한 API. (사실 개발 자체를 처음 접했지만). 이를 테스트하기 위한 Postman! 하지만 Postman은 완전히 무료가 아니라는 문제점! 게다가 라이선스 문제도 있으니 함부로 쓰기에는 조금 쉽지 않다. 아무래도 기업이라면 비용을 생각해야 하니까… 사실 이유없이 남들이 쓴다는 이유로 따라쓰는건 재미 없으니까 나만의 길을 찾아보기로 했다. 그래서 대안을 찾아보던 중. B R U N O ? ... Read More
-
404 페이지를 바꿔보자 TOP NEW
404. 페이지가 없다! 개요 몇몇 포스트에서 글자가 깨져있거나, 코드 블록이 이상하게 나오는 경우를 제보받아 블로그 파일들을 확인해보기로 했다. 그런데 내 블로그의 404페이지는 어떻게 구성되어 있는지 궁금해져서 들어가보았더니…. 아니 너무 심심하게 생겼다!!!!! 오… 그런 의미에서 갑자기 아주 갑자기 404 페이지를 변경하게 되었다. 과정 이미지 생각하기 : 텍스트만 있는 404 페이지는 재미 없다고 생각했다. 메인으로 돌아가는 버튼 추가하기 CSS 작업하기… 문구 수정하기 : 영어로 써있는 것 보다. 주요 콘텐츠가 한국어로 작성되어 있으니 적절히 수정하기 작업 후... Read More
-
타입스크립트 기초의 기초 - 1 TOP NEW
정말 늦고 늦은 “타입스크립트” 입문하던 시절 정리한 내용의 정리의 정리…!! 타입스크립트 개요! 그래서 왜 쓰는데요 TypeScript는 JavaScript에서 종종 발생하는 타입 관련 오류를 사전에 방지합니다!!! 예시 function add(num1, num2) { return num1 + num2; } console.log(add(1, 2)); // 자스는 입력이 언제나 문자열임. // 12 출력 이렇게 12 나오는 이상한 일, JS에서 자주 봤잖아요? 추가적으로 해당 타입의 속성에 따라서 어… 자동완성? 속성? 비스무리한것도 미리미리 파악해서 오류를 뱉어줍니다. 위 코드를 타입스... Read More
-
블록체인 - Solidity 코드 구경편. TOP NEW
-
블록체인 & 파일 저장? IPFS TOP NEW
싸피 종료와 동시에 번아웃과 슬럼프를 세게 겪었던 것을 핑계삼으면서 미루고 미루던 포스팅을 드디어 진행…! 특화 프로젝트에서 담당했던 부분이 프론트엔드와 블록체인이었는데, 특화 도메인이 블록체인이었던 만큼 심적으로도 꽤나 부담이 컸었던 기억이 난다. 벌써 꽤 오랜 시간이 지나버렸지만… 그 때 조금이라도 완성도를 올려보고자 종료 당일 밤샘 작업으로 서버에 무사히 ipfs를 올리고 앱의 파일 재생 로직도 조금 더 그럴사하게 바꾸던 열정으로 써 보고자 한다. 다만 다 줄글일듯 싶다. 블록체인과 IPFS를 같이 사용한 프로젝트는 유언장을 블록체인을 이용해 기록, 관리하는 프로젝트였다. 해당 프로젝트의 요구 사항은... Read More
-
블록체인 조금 더 TOP NEW
-
블록체인 - 스마트 컨트랙트 트랜잭션 전송 TOP NEW
블록체인을 활용한 앱 개발 중, 해시값을 이용해 앱에서 생성된 정보의 위변조를 확인하고 안전하게 저장해야 할 방법이 필요해졌습니다. 이에 따라 개발을 진행하다 보니 스마트 컨트랙트와 상호작용 하기 위해서는 서명이 필요하다는 사실을 새롭게 알게 되었습니다. 그래서 이번 게시글에서는 이를 활용하기 위한 기초적인 작업을 했던 내용과, 약간의 개념을 작성하려고 합니다… 시작하기에 앞서 알아두면 좋은 정보는 다음과 같습니다. 그닥 어려운 내용은 아니니까 한번 읽어보세요 블록체인 기-초 블록체인 시작 여기에 적어봤습니당 개인 키 사용자의 디지털 자산에 대한 접근 권한을 부여하는 값. 이 키를 통해 트랜잭션에 서... Read More
-
Flutter 오류-GlobarKey & 레이아웃 오류 TOP NEW
Flutter에서 GlobalKey와 레이아웃 오류 Flutter를 사용하여 앱을 개발하다 보면, 다양한 오류 메시지를 마주하게 됩니다… key 안써도 된다면서 오류를 막 뱉을때가 있으니까요. 따라서 이 포스트에서는 Multiple widgets used the same GlobalKey, Vertical viewport was given unbounded height., RenderBox was not laid out 등의 오류 메시지를 해결하는 방법에 대해 간단히 적어보고자 합니다. GlobalKey 오류 Multiple widgets used the same GlobalKey 오류는 동일한 GlobalK... Read More
-
블록체인 개요 + 스마트 컨트랙트 약간 TOP NEW
2024.02.19 블록체인 블록체인 개요 : 비트코인 : 정부 거대 기업으로부터 개인의 권리와 자산을 지키기 위한 운동. 사토시 나카모토가 발명 세계 최초의 탈중앙형 화폐 2009 1월 3일 사토시 나카모토의 첫 채굴이 일어나며 비트코인 네트워크 가동 시작 비트코인 최초 블록 에는 영국 정부의 구제금융 발표 뉴스의 제목 기록 블록체인 2.0 업계 최초 ICO (Initial Coin Offering) 를 통해 개발비 모금 2015 이더리움 네트워크 시작 탈 중앙화된 컴퓨팅 인프라. 월드 컴퓨터라고도 불림 블록체인에 스마트 컨트랙드 도입. DAO (Decentralized... Read More
-
Flutter 개발 : MVVM ? TOP NEW
Copilot과 싸우며 적은 것 MVVM 패턴 MVVM(Model-View-ViewModel)은 소프트웨어 아키텍처 패턴 중 하나로, 사용자 인터페이스의 설계와 비즈니스 로직을 분리하는 데 사용. MVVM 패턴은 세 가지 주요 구성 요소가 있음. Model: 데이터와 비즈니스 로직을 담당. 데이터베이스, 네트워크, 파일 시스템 등과 같은 데이터 소스와 상호 작용하며, 애플리케이션의 상태와 동작을 관리. View: 사용자에게 보여지는 UI를 담당. 사용자의 입력을 받아 ViewModel에 전달하고, ViewModel로부터 상태 변경을 받아 화면을 업데이트. ViewModel: Model과 View 사이의 연... Read More
-
Flutter 개발 가이드 / 팀 컨벤션 작성해본 것. TOP NEW
Flutter 개발을 시작하며. flutter 개발! 즐겁다!!! 더 즐거운 개발을 진행하기 위해 팀원들과 나누기 위한 가이드를 작성해보았습니다. 본 가이드는 어디까지나 필자의 의견입니다. 개발 가이드 개인 학습 겸 쓰여진 가이드입니다. 따르면 나쁠건 없고, 안따라도 문제없습니다 굿 잘 짜면 좋겠지만, 없다면 없는대로 해보는건 어떨까요?* 네이밍 컨벤션 폴더 이름에는 대문자를 사용하지 않습니다. 변수와 함수 이름은 lowerCamelCase를 사용합니다. 클래스 이름은 UpperCamelCase를 사용합니다. 상수는 UPPERCASE_WITH_UNDERSC... Read More
-
블록체인 - 스마트 컨트랙트 TOP NEW
-
블록체인 시작 TOP NEW
블록체인 주의 : 이 문서는 이미지가 거의 없습니다. 블록체인 개요 비트코인 : 정부 거대 기업으로부터 개인의 권리와 자산을 지키기 위한 운동. 사토시 나카모토가 발명 세계 최초의 탈중앙형 화폐 2009 1월 3일 사토시 나카모토의 첫 채굴이 일어나며 비트코인 네트워크 가동 시작 비트코인 최초 블록 에는 영국 정부의 구제금융 발표 뉴스의 제목 기록 블록체인 2.0 업계 최초 ICO (Initial Coin Offering) 를 통해 개발비 모금 2015 이더리움 네트워크 시작 탈 중앙화된 컴퓨팅 인프라. 월드 컴퓨터라고도 불린다. 블록체인에 스마트 컨트랙드 도입. ... Read More
-
Flutter TOP NEW
플러터!! 플러터란 ? 구글에서 출시한 데스크톱/모바일/웹 크로스 플랫폼 GUI 프레임워크 리액트 네이티브(React Native)와 주로 비교되고 있는 것 같기도 & 꽤 높은 점유율 + 높아지는 인기(관심)도를 보이고 있으며 가파른 성장세를 보이고 있다! > > 특징 크로스 플랫폼 : iOS & 안드로이드 한 번의 개발로 두개의 앱 생성 가능하다. Dart (언어)를 사용해 개발 -> 어디선가 본 것 같은 문법 多 ‘핫 리로드(Hot Reload)’ 기능을 통해 코드 변경 사항을 즉시 확인 가능하다. 다양한 UI 제공 & 사용자 정... Read More
-
공룡 멸종의 날 TOP NEW