개발이야기18 IntelliJ IDEA에서 패키지 구조를 디렉토리 형태로 변경하는 방법 IntelliJ IDEA에서 Java 프로젝트 개발할 때, 패키지 구조가 기본적으로 압축된 형태(compact mode) 로 표시되는데, 이걸 디렉토리 형태(directory mode) 로 바꾸면 관리하기가 훨씬 편해져요.이번 글에서는 'Compact Middle Packages' 옵션을 해제하는 방법을 쉽게 설명해볼게요! 1. Compact Middle Packages란?Compact Middle Packages는 IntelliJ IDEA에서 패키지를 압축해서 보여주는 기능이에요. 예를 들면:기본 설정 (압축된 형태)압축 해제 (디렉토리 형태)이 옵션을 끄면 패키지를 폴더처럼 볼 수 있어서 프로젝트 관리? 가동성이 좋아집니다. 2. Compact Middle Packages 해제하는 방법Step 1: .. 2025. 3. 11. Next.js: 기업들이 선택하는 이유 Next.js란 무엇인가? Next.js는 React 기반의 오픈 소스 웹 개발 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(Static Site Generation, SSG)을 쉽게 구현할 수 있게 해줍니다. 이러한 기능은 웹 애플리케이션의 로딩 속도를 개선하고, SEO 성능을 향상시키는 데 크게 기여하죠. 현재 Next.js의 사용 동향 성능 최적화의 필수 요소: 최근 웹 개발에서 성능 최적화는 선택이 아닌 필수가 되었습니다. Next.js는 자동으로 코드를 분할하고, 서버 사이드 렌더링을 제공하여 빠른 페이지 로드 시간을 보장합니다. 개발자 커뮤니티의 활발한 참여: GitHub에서의 활발한 기여와 다양한 플러그인 및 확장 기능들이 Next.js의 생태계를 풍부하게 만들고 있습니다... 2024. 1. 29. 값을 할당하는 Null 병합 할당 연산자 Nullish coalescing assignment (??=) Javascript 를 코딩할 때 값 체크는 필수로 해야 한다. null, undefined 발생시 치명적인 오류로 나타나기 때문인데 이게 은근히 귀찮다. if(변수 === undefined || 변수 === null) { 변수 = 할당값; } 변수나 object 가 한두개가 아니기 때문에 항상 신경 써주어야 한다. ??= 연산자는 2020-08-25 일에 릴리즈된 크롬 85버전 이상이면 동작한다. (구형 브라우져를 만족하려면 구문 에러가 발생한다. 어지간한 브라우저이면 다 동작한다.) x ??= y 로 표현했을때 아래 내용과 동일하다. x ?? (x = y); 값 체크 없이 할당하는 예 : let a = {duration: 50}; a.duration ??= 10; console.log(a.durati.. 2023. 2. 13. OpenJDK 벤더별 지원 및 JDK 선택 JDK(Java Development Kit) 를 설치하는 과정에서 벤더와 버젼을 선택해야 되는데 JDK 를 검색하면 brew search jdk Formulae 는 8, 11, 17 버전으로 나타난다. openjdk@11, openjdk@17, openjdk@8 ... 이렇게 공식 대표 버전은 3년마다 9월에 발표되는 버전. LTS(Long-Term Support) 릴리스로 최소 3년간 지원하는 버전이다. 그래서 보통 JDK를 선택할때 8, 11, 17에서 고른다. 아마 지금 가장 많이 사용하는게 11버전일 것 같다. 버전은 선택할 수 있는데 JDK 벤더사는 다양하다. AdoptOpenJDK openJDK8, openJDK11, openJDK16 까지 지원한다. 11버전에서 개발시 가.. 2023. 2. 5. [VSCode] 코드만 확대, 화면 확대 , 글자 확대, FontSize Shortcuts plugin 코딩을 하다 보면 특정 부분을 확대해서 봐야 되는 상황이 많이 생긴다. 협업을 할 때 동료에게 특정 코딩을 보여주거나 자신이 코딩한 중점 부분을 포커스를 주는 리뷰를 할 경우 등 흔히 사용하는 단축키는 윈도우는 Ctrl, 맥은 Cmd 확대는 Ctrl/Cmd and +,= 축소는 Ctrl/Cmd and - 기본값 Ctrl/Cmd and 0 (NumPad) 확대할때는 IDE 전체가 커진다. => IDE 도구까지 확대가 되어 코딩부분을 다시 스크롤 하거나 포커스를 다시 찾는 등 불편함이 있다. VSCode 에서는 FontSize Shortcuts plugin을 지원해서 코딩된 영역만 확대 축소해준다. 당연히 단축키는 동일하다. Increase font size: Ctrl/Cmd and + Decrease fo.. 2023. 1. 19. PHP 널 병합 연산자, null coalescing operator, 삼항식 대체 PHP 에서 값을 확인할 때 조건문을 써서 값이 선언되었는지, 비어있는지 확인하고 값을 대입하는 경우가 많다. 확인할 값이 많을 경우 소스의 if 문이 엄청나게 늘어나게 된다. 뭐, 소스라인이 많은걸 좋아하는 사람은 모르겠지만 대부분의 개발자는 지저분하게 느끼거나 조건문을 없애기 위해 여러가지 기법들을 사용한다. PHP 7.0 부터는 null 병합 연산자를 제공한다. 아래 예를 보면 isset( ...... 구문을 ?? 으로 대체할 수 있다. $pageTitle = isset($title) ? $title : 'Default Title'; /* same syntax */ $pageTitle = $title ?? 'Default Title'; 그럼 위 구문은 어디까지 체크가 가능한지 조금 더 테스트 해보자.. 2023. 1. 14. VSCode 환경 설정 - python 유용한 설정 [코드 링크] 라이브러리 또는 함수의 정의부로 이동하고 싶을때는 맥에서는 해당 단어에 command + 마우스클릭, 윈도우면 Ctrl + 클릭하게되면 그 함수가 정의된 구현부로 이동하게 된다. import mysql.connector as mysql database = mysql.connect() 클릭 후 이동화면 다시 되돌아 가고 싶을때는 단축키 control + - 로 클릭전 화면으로 되돌아온다. 페이지 이동이 아닌 팝업형태의 정의부 이동도 가능하다. 해당 함수에 오른쪽 마우스 클릭 > 피킹 > 미리보기.. 클릭하면 레이어팝업에서 스크롤로 이동하며서 확인이 가능하다. 2023. 1. 6. VSCode 환경 설정 - python 유용한 설정 AutoDocString AutoDocString는 VSCode 에서 Python Extension Pack 을 설치할때 포함되어 있는 확장 모듈이다. 팀단위, 여러명의 협업의 효율을 위해 코드내 간단한 Document 를 작성하는데, 막상 개발하다 보면 귀찮을 때가 많다. 대충하거나, 생략할때도 .... AutoDocString은 """ 2023. 1. 5. Visual Studio Code 환경 설정 - theme, icon, font 꾸미기 VSCode 가독성을 위해 theme, icon, font 등을 설정한다. theme 중에 GitHub, Material Theme 이 둘중에 Material Theme를 개인적으로 선호하는 편이다. GitHub Theme 는 협업할때 유용 추가로 탐색이 아이콘 등 전체적으로 이뻐보이는 아이콘도 Material Icon Theme 가 좋아 보인다. Font 는 기본 Menlo, Monaco, 'Courier New', monospace 요놈이 가장 편하긴 하다. 지극히 개인적인 취향 Fira Code 폰트는 신기해서 소개하지만 언어의 직관적인 부분에 대해서 개인 편차가 있을 것 같다. 아래 이미지 내용과 같이 변환이 되는데 가독성이 더 떨어지는 느낌 VSCode 에서 Font 변경은 설정 > 사용자 > .. 2023. 1. 4. phind -- The AI search engine for thinkers for thinkers 이지만 개발자를 위한 AI 검색엔진인듯 https://phind.com phind 에 접속하게 되면 검색창안에 개발에 필요한 검색어를 입력하면 된다. 아직 한글 검색은 ..... https://phind.com/about 페이지 안에 검색에 대한 방법이 나온다. 개발언어를 붙어주거나 사용 프레임워크를 표현 ex) "..in python" or "..using nextjs" 질문의 시작은 what is or how to 로 해주는게 좋은 방법이라고 소개한다. ex) how to check if string is a palindrome in javascript what is rust? filter page 에 소개한 도메인은 developer.mozilla.org, github.com.. 2023. 1. 3. 이전 1 2 다음
