분류 전체보기 82

게시글 조회 (+댓글 +대댓글) 랜더링 속도 개선

React로 본격적인 프로젝트를 만들어본게 처음이다보니 미흡한 부분이 많았다. 자유게시판 Detail 페이지에 노출되는 정보는 다음과 같다. 1. 글 정보 - 제목 - 내용 2. 작성자 정보 - 작성자 아이디 - 작성자 프로필 3. 댓글, 대댓글 정보 - 작성자 아이디 - 작성자 프로필 불러올 정보가 많다보니 처음 무턱대고 짠 쿼리(?) 문으로 실행 해 봤더니 세상에 댓글,대댓글 까지 모드 랜더링 되는데 3초가 넘는 시간이 걸리기 시작했다. # 해당 코드 // 댓글 조회 함수 const getComment = async () => { try { const res = await axios.get(`http://localhost:8088/comment/commentList?postId=${id}`); let..

백준 - 2738 (python)

리스트 컴프리헨션 문법의 중요성을 느껴버린 문제 문제 자체는 단순하다. 2차원 배열을 초기화 후 각 인덱스끼리 더해주는 간단한 문제 # 초기 풀이 A = input() N = int(A.split()[0]) M = int(A.split()[1]) arr1 = [[0] * M for i in range(N)] arr2 = [[0] * M for i in range(N)] for i in range(N): B = input() for j in range(M): arr1[i][j] = int(B.split()[j]) for i in range(N): B = input() for j in range(M): arr2[i][j] = int(B.split()[j]) result = [[arr1[i][j] + arr2..

백준 - 2563 (python)

문제를 보고 처음에 수학적인 방법으로 접근할려다보니 막막했다. 정답은 픽셀단위로 접근하는것 arr = [[0]*100 for i in range(100)] # 100이라는 제한조건을 통해 0으로 구성된 100 * 100 배열 초기화 # 입력 받기 for i in range(int(input())): x, y = map(int, input().split())# x축, y축 입력받아 for i in range(x, x + 10):# 색종이 크기인 10만큼 반복 for j in range(y, y + 10): arr[i][j] = 1# 해당하는 범위만 1로 업데이트 # 값이 1인 것의 수 세기 count = sum(sum(i) for i in arr) # 결과 출력 print(count)

FireBase 이미지 호스팅 (React, Quill)

커뮤니티 프로젝트를 개발하기 위해선 이미지 기능은 필수불가결하다. 이미지 기능에서 가장 중요한 부분은 어떻게 저장하느냐 이다. Problem 처음 진행했던 프로젝트인 Travel Maker에선 협업을 하다보니 내 컴퓨터에서 올린 이미지가 다른 팀원의 컴퓨터에선 보이지 않기 때문에(로컬에 저장) 작업하기가 불편했다. 이러한 점 때문에 이미지를 Base64코드로 변환해서 DB에 저장하는 지금 생각하면 아주 무식한 방법으로 개발을 진행했다. 기능은 문제없이 잘 작동했다. DB에 있는 코드를 불러와서 이미지화 하면 되기때문에 협업도 잘 되었다. 하지만 문제는 이미지를 Base64코드로 변환하면 크기가 4배 ~ 10배정도 커진다는 문제 때문에 글을 쓸때 이미지를 4~5개 업로드하면 DB 컬럼의 데이터 타입을 Lo..

Code Server 환경구축

1. wsl 개발자 설정 -> 개발자 모드 켬 2. Linux용 Windows 하위 시스템 windows 기능 켜기/끄기 -> Linux용 Windows 하위 시스템 체크 3. Ubuntu 설치 Microsoft Store -> Ubuntu 설치 4. Ubuntu 실행 및 CodeServer 설치 $ sudo apt-get install build-essential net-tools 최신버전(4.17.1) 설치 $ wget -q wget -q https://github.com/coder/code-server/releases/download/v4.17.1/code-server_4.17.1_amd64.deb $ sudo dpkg -i code-server_4.17.1_amd64.deb config파일 수정 ..