전체 글101

• [DOCS] API 문서 1. 문서의 목적과 대상 정의- 목적: API 문서의 목적을 명확히 해야 한다. 개발자가 API를 빠르게 이해하고 효율적으로 사용할 수 있도록 돕는 것이 주 목적이다.- 대상: 문서를 사용할 대상자를 정의한다. 주로 다른 프론트엔드 개발자, 백엔드 개발자 또는 API를 사용할 어떤 소프트웨어 엔지니어가 대상일 수 있다. 2. 문서의 기본 구조 설정API 문서의 기본 구조는 일반적으로 다음과 같다.- 소개: API의 개요, 사용 목적, 주요 기능 설명.- 인증 방법: 사용자 인증을 위한 방법 설명(API 키, 토큰 등)- 에러 코드: 공통 에러 코드 및 그 의미 설며.- 엔드포인트: 각 API 엔드포인트의 상세설명, 요청 방식, 파라미터, 응답 데이터 등 1) 엔드포인트 상세 설명- 경로(URL): 엔드포.. web_dev 2024. 5. 7.

• intelliJ 단축키 일반단축키설명Alt + 0-9각 단축키에 해당하는 도구창 열기Ctrl + S모두 저장Ctrl + Shift + F12에디터 영역을 최대크기로 토글Ctrl + Alt + S설정 열기Ctrl + Alt + Shift + S프로젝트 구조(Project Structure) 열기Shift + Shift검색 열기 디버깅단축키설명F8다음 라인으로 이동F7현재 메소드로 들어가기Shift + F8현재 메소드를 호출한 곳으로 가기Alt + F9포커스 되어 있는 라인으로 이동Alt + F8현재 라인에서 사용 가능한 모든 코드를 실행F9다음 브레이크 포인트까지 진행 검색단축키설명Shift + Shift검색 열기Ctrl + Shift + F문자열 검색창 열기Ctrl + F현재 파일에서 검색F3 / Shift + F3검색 결과에.. Tools/[젯브레인]IntelliJ 2024. 4. 30.

• 

  [github] IntelliJ에서 organization repository clone할 때 github organization 연동 시 Clone failed 해결 방법 회사에서 git organization으로 형상관리를 설정해서 작업을 하게 되면서, organization repository에서 intelliJ로 clone을 하려고 했는데, Login Via Github를 사용했더니 정상적으로 허용이 되어도 제대로 clone이 되지 않는 오류가 발생했다. clone failed repository '주소' not found 보안 문제로 인해 해당 GitHub 주소를 불러올 수 없다는 것이다. IntelliJ로 Git Clone 시 계정 요청하는 방법 1. Login Via GitHub - github 계정 연동 허용을 통해 로그인 2. Login with Token - github 계정에서.. git 2024. 4. 22.

• 

  [Springboot] Basic Spring Framework - 대규모 서비스 개발, 방대한 프로젝트가 가능, 끊임없는 변화 가능 - 러닝 커브가 높고 설정이 복잡함 - Spring Boot: spring 프레임워크를 기반으로 하되 사용을 하기 간편하게 만든 것. 강의에서 사용될 것 * 웹 서비스 개발의 기본 구조 프론트엔드(클라) - 서버 - 데이터베이스 web과 http의 이해 Hyper Text - Hyper Text는 일종의 문서로, 링크를 포함하고 있어 다른 문서들과 연결 될 수 있음 우리가 일상적으로 사용하는 웹 페이지 - 모든 문서는 고융의 주소를 갖고 있음 Point - Web(WWW)은 인터넷 상에서 정보를 공유하는 기술 중 하나 - Web 상에서의 정보는 Hyper Text로 작성 및 공유 됨 Web 상의 Hyper.. Java/Springboot 2024. 1. 12.

• 

  [CSS-이슈] input 자동 완성 기능 사용 시 스타일 변경 회사에서 업무를 하면서, input 자동완성 기능에서 파악하게 된 이슈이다. 이슈 input 태그에 자동완성이 켜져 있을 시, 배경색이 원하지 않게 변경됨 이슈 해결 :autofill을 사용해서 제어 hover나 active와 비슷하게 선택자에 연결해서 쓰인다. input 요소의 값이 자동으로 채워지는 동작을 설정해주는 것이다. // css input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: .. STYLESHEET/CSS 2023. 8. 1.

• 

  [Framework] Spring vs Springboot | 정의, 특징, 사용 이유, 생성 방법 스프링(Spring)이란? 엔터프라이즈용 Java 애플리케이션 개발을 편하게 할 수 있게 해주는 오픈 소스 경량급 애플리케이션 프레임워크 엔터프라이즈용 Java 애플리케이션 개발을 편하게 할 수 있게 해주는 기업에서 운영하는 웹 서비스에는 비지니스 로직이라는 것이 있다. 비지니스 로직이란, 기업이 제공하는 서비스를 코드로 구현한 것으로, 사용자의 요구사항을 해결하기 위한 실질적인 코드들을 의미한다. 스프링이 등장하기 이전에는 비지니스 로직을 구현하기 위해 기술 자체에 대한 공부를 추가적으로 해야만 했다. 비지니스 로직을 구현하는 기술 자체가 복잡하고 어려웠기 때문이다. 그러나, 스프링은 이전 기술에 비해 사 용 방법이 상대적으로 덜 복잡하다. 따라서, 개발 초기에 기본적인 설정과 적용시킬 기술들만 잘 선.. Java/framework 2023. 7. 24.

• 

  Git Convention Git Convention git convention이란? Git을 통해 형상관리를 하면서 git branch 전략과 commit message 규칙을 설정하는 것을 의미한다. 간단하게 말하자면, commit message에 대한 약속이라고 생각하면된다. Git branch란? Git에서 독립적으로 어떤 작업을 진행하기 위한 개념을 의미한다. 필요에 의해 만들어지는 각각의 브랜치는 다른 브랜치의 영향을 받지 않기 때문에, 여러 작업을 동시에 진행할 수 있다. 따라서 운영 시 어떤 브랜치를 가지고 갈지 약속하는 것이 git branch 전략이다. Git Convention을 사용하는 이유 Git Convention은 프로젝트를 진행하면서 코드가 독립적으로 안정적으로 개발자들에게 공유될 수 있도록 사용한다... git 2023. 7. 10.

• 전국 대학생 Think 통일 콘텐츠 프리젠테이션 경연대회 본선 보호되어 있는 글 입니다. 2023. 7. 6.

• 

  [html5] 🔑 favicon 404 error message solving favicon 404 에러 메시지가 뜰때 해결 하는 방법 Get http://127.0.0.1:5500/favicon.ico 404 (Not Found) option 1 넷빈 커넥터와 관련된 일종의 넷빈 버그일 수 있다. 코드나 프로젝트 설정에서 favicon.ico에 대해 찾을 수 없다. HTML 파이르이 헤드 section에 다음줄을 추가하면 문제를 해결할 수 있다.. 테스트 환경에서는 이 코드를 사용하지만, 프로덕션 환경에서는 이 코드를 제거한다. option 2 (이 옵션을 사용하는 편이 더 좋다) 이 정답이 맞지 않아서 다른 해결책을 찾았다. 가장 많은 표를 얻은 솔루션이 명시된 것 처럼, HTML 버전과 관련이 있을 수 있다: HTML5에 대해 문서의 유효성을 검사해야 하는 경우에 대신 이 방.. ERROR 2023. 6. 19.

• 

  [SCSS] text-overflow - 넘치는 텍스트 표기 글자수 제한 및 잘린 문자 ...로 변환 text - overflow - 넘치는 텍스트 표기 *추가로 정리해야할 부분 -webkit-line-clamp , -webkit-box-orient, -moz-box-oreint / 줄바꿈 크로스 브라우징 개념 text-overflow는 white-space를 이용해 줄바꿈을 하지 않을 때 넘치는 텍스트 처리를 어떻게 할 것인지를 처리하는 속성이다. 속성 clip 넘치는 텍스트를 자름 ellipsis 말 줄임표로 잘린 텍스트가 있다고 표시 표시방법 그림 속성 설명 1. text-overflow: clip; div 너비를 고정시키고 텍스트를 길게 입력했을 때, overflow: hidden과 white-space: nowpre로 설정하게 되면, 넘치는 텍스트는 자르.. STYLESHEET/SCSS 2023. 3. 20.

• 

  [jQuery] html(), text(), val() 구분 html(), text(), val() 특정 타겟의 내용(값)을 뽑아오고 싶을때 사용하는 함수 매번 잘 이해하고 암기했다고 확신했는데, 작업할 때마다 다시 찾고있는 저를 발견하게되어 정리해 두게 되었습니다. 저만 그런건 아니죠 ~?? 저는 jQuery랑 javascript가 약간 머리속에서 섞여 있는 것 같습니다. 이후에는 자바스크립트에 대한 부분도 정리해 보려고 합니다. 일단 오늘은 jQuery에 대한 부분 먼저 한번 정리해보겠습니다. $('selector').html(); 셀렉터 태그 내에 존재하는 자식태그를 태그나 문자열 상관없이 그대로 읽어올 때 사용 셀렉터로 지정된 노드의 내용을 html 형식으로 태그를 포함해서 추출 ▶ 태그 동적추가할 때 주로 사용되는 함수 Hello! // result He.. jQuery/기본 2023. 3. 17.

• [jQuery] 특정 영역 외 클릭 이벤트 e.target / e.currentTarget 특정 영역 외 클릭 이벤트 event.target / event.currentTarget 개발을 진행하면서, 커스텀 selectbox를 구현하거나, toggle 메뉴 위에 올라오는 서브 메뉴를 구현할 때, 외부 영역을 클릭하게 되면 닫히도록 구현을 해야했다. body를 사용해서 하면되지 않을까라고 생각했지만, 그럼 그에 해당하는 div 영역을 클릭했을 때에도 닫힐 것이다. 그래서 찾아보게 되었고, 정리해보자 event.target 이벤트가 발생한 요소를 반환 현재 이벤트가 발생한 요소의 속성들을 얻을 수 있으며, 만약 이벤트가 발생한 대상 id도 가져올 수 있다. $('.divBox').click(function(event){ console.log(event.taget); console.log(event.. jQuery/기본 2023. 3. 16.