본문 바로가기 메뉴 바로가기

정리하는공간

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

정리하는공간

검색하기 폼
  • 분류 전체보기 (17)
    • Container (3)
      • Docker (3)
    • Javascript (3)
    • 알고리즘 (7)
    • React (2)
    • 생활팁 (1)
  • 방명록

전체 글 (17)
간단하게 이미지 (사진) 파일 용량 줄이는 방법

안녕하세요~ 지내다 보면 스마트폰 카메라로 찍은 사진들을 누군가에게 전송한다던지, 혹은 특정 기관에 사진을 제출해야 한다던지의 일들이 생기기 마련인데요! 생각보다 많은 기관 혹은 업체에서 사진 파일의 사이즈에 제한을 두는 경우가 많더라구요 보통 프로필 사진이라던지, 서류 사진 등을 업로드 하려 할 때, 최대 2MB 의 크기로 제한하는 경우가 많은데요! 요즘 스마트폰 카메라의 화질이 워낙 좋다보니, 대부분의 사진들의 파일 크기가 2MB 를 훌쩍 넘어버리는 경우가 많죠 ㅠㅠ 이럴때 간편하게 대부분의 스마트폰에 설치되어있는 카카오톡을 활용하여 사진의 파일 사이즈를 줄일 수 있는 방법을 공유하려 합니다 제 스마트폰을 기준으로 보여드릴게요. 먼저 저는 위의 사진 파일의 사이즈를 줄이려고 합니다. 일단 위 사진의 ..

생활팁 2021. 11. 24. 23:28
[연재] React 를 활용한 간단한 게시판 구현하기 #1 React 프로젝트 구성하기

# 시작에 앞서서.. 안녕하세요! 오늘부터 React 를 통해, 웹 개발의 기본 중 하나인 간단한 게시판 구현 과정을 연재해보려고 합니다. 기본적인 React 문법은 어느정도 숙지했다고 가정하고 시작하려 하구요, 틈틈히 React 관련 문법들을 설명하며 진행할 예정입니다. 흔히들 CRUD 라는 용어를 많이 사용하시는데요, 처음 듣는 분도 계실거라 생각해요. CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 위키백과에는 이렇게 정리가 되어있네요. 말 그대로 데이터를 이용해 무언가를 생성하고, 조회하고, 수정하고, 삭제하는 기능들을 일컫어 부르는 용어가 CRUD 인데요! 대부분의..

React 2021. 11. 24. 22:02
33. Search in Rotated Sorted Array

leetcode.com/problems/search-in-rotated-sorted-array/ Search in Rotated Sorted Array - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com 문제 There is an integer array nums sorted in ascending order (with distinct values). Prior to being passed to your function, nums is rotated at an u..

알고리즘 2021. 4. 4. 11:40
CRA (create react app)을 통해 만든 서비스 절대 경로 사용하기

문제점 프로젝트를 진행하다보면 폴더 계층 구조가 점차 깊어져 다른 소스를 import 하려 할때 해당 소스의 경로를 찾기 어려운 경우가 많다. import component from '../../../component'; 와 같이 상대경로를 통해 일일이 특정 소스를 찾아가야 하는데, 이는 가독성, 유지보수 측면에서 상당히 불편한 부분이다. React를 개발하는 경우 대부분 Create React App을 사용하여 개발을 진행하게 될텐데, 위의 문제를 해결할 수 있는 좋은 방법이 있다. 바로 특정 폴더를 기준으로 절대 경로를 사용할 수 있게 설정하는 것이다. 만약 src 폴더를 루트 경로로 설정했다고 했을때, 위의 component를 절대 경로를 사용하여 다음과 같이 표현할 수 있다. import comp..

React 2021. 3. 30. 23:26
데스크탑 Docker 환경에서 MySql 설치하기

1. 데스크탑에 Docker 설치하기 데스크탑에서 도커를 쉽고 빠르게 설치하고 사용하기 위해 아래의 사이트에서 운영체제에 맞는 Docker Desktop을 설치한다. www.docker.com/products/docker-desktop Docker Desktop for Mac and Windows | Docker Learn why Docker Desktop is the preferred choice for millions of developers building containerized applications. Download for Mac or Windows. www.docker.com 2. Docker Desktop 설치 후 터미널에 명령어를 쳐서 도커가 정상적으로 설치되었는지 확인한다. 3. Doc..

Container/Docker 2021. 3. 27. 10:50
167. Two Sum II - Input array is sorted

leetcode.com/problems/two-sum-ii-input-array-is-sorted/ Two Sum II - Input array is sorted - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com 문제 Given an array of integers numbers that is already sorted in ascending order, find two numbers such that they add up to a specific target ..

알고리즘 2021. 3. 26. 22:26
53. Maximum Subarray

leetcode.com/problems/maximum-subarray/ 문제 Given an integer array nums, find the contiguous subarray (containing at least one number) which has the largest sum and return its sum. => 주어진 배열 nums가 있을 때, 적어도 하나의 숫자를 포함하고 모든 요소의 합이 최대가 되는 연속된 부분 배열을 찾아, 그 부분 배열의 총 합을 반환하라는 문제이다. Input: nums = [-2,1,-3,4,-1,2,1,-5,4] Output: 6 Explanation: [4,-1,2,1] 의 경우 연속된 부분 배열이면서, 모든 요소의 합이 6으로 가장 큰 합이 된다. 해결 전..

알고리즘 2021. 3. 25. 21:56
88. Merge Sorted Array

leetcode.com/problems/merge-sorted-array/ Merge Sorted Array - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com 문제 Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as one sorted array. The number of elements initialized in nums1 and nums2 are m and n respectiv..

알고리즘 2021. 3. 22. 22:07
이전 1 2 3 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 알고리즘 #다이나믹프로그래밍 #dynamic programming
  • nodejs
  • 실행컨텍스트
  • 클로저사용이유
  • 클로저개념
  • cra
  • 사진사이즈조절
  • execution context
  • 알고리즘
  • execution contexts
  • 실행 컨텍스트
  • 도커의의의
  • 도커 #docker #mysql #docker desktop
  • create-react-app
  • Docker
  • 렉시컬 환경
  • 이미지크기조절
  • 호이스팅
  • react #cra #create-react-app #baseUrl #절대경로 #상대경로 #webpack #웹팩
  • 이미지크기줄이기
  • 도커사용하는이유
  • 자바스크립트
  • lexical environment
  • 도커
  • javascript
  • 도커의개념
  • 도커란
  • 알고리즘 #BinarySearch #Binary Search #이진검색 #이진 검색 #javasript
  • 도커장점
  • react
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바