분류 전체보기93 [Next.js 13] tailwind css Plugin 작성 & 적용 접근 (요약) 현재 개발중인 프로젝트에서 Next.js 13버전과 TypeScript 를 기술스택으로 갖고, 이에 더불어 Tailwind CSS를 사용하고 있습니다. 필요한 컴포넌트를 Tailwind CSS에서 가져다가 사용하려는 찰나, 프로젝트 내부 tailwind.config.ts 파일에 Plugin 부분을 추가하란 안내를 따라가봅니다. 1. (상황) Tailwind css 컴포넌트 사용 필요 (1.1) 컴포넌트 코드 내부 2. Tailwind CSS Plugin 추가 & 설치 (2.1). npm install @플러그인명 (2.2). tailwind.config.ts 파일에 플러그인 추가 방법 1. (상황) Tailwind css 컴포넌트 사용 필요 (1.1) 컴포넌트 코드 내부 /* This ex.. 2023. 9. 27. [Python] 파이썬 상수(전역 상수) & 전역적 유효범위 필요성 상수와 변수의 구분, 크게는 값에 변화를 줄 때의 자유도가 어떠한지에 차이점을 드러냅니다. 파이썬에서의 상수(Constants)에 대해서 메모할 사항을 기록해보겠습니다. 접근 1. 파이썬 상수 특이점 2. 예제 방법 1. 파이썬 상수 특이점 (1) 파이썬 상수는 오로지 "대문자(Capital)"로만 쓴다. (2) 두 단어 이상이 합쳐진 단어는 "_" (언더바)로 구분을 한다. (3) 그렇게 작성된 상수는 타 함수 내부에서 사용될 때 값을 변경하지 못함을 (1), (2)를 통해 쉽게 유추할 수 있다. 2. 예제 # ex) 전역상수 PI = 3.14159 URL = "https://www.naver.com" TWITTER_HANDLE = "@StarStar" def calc(): TWITTER_HAN.. 2023. 9. 1. [python에러] UnboundLocalError: local variable 'xxxxx' referenced before assignment 필요성 " UnboundLocalError: local variable 'xxxxx' referenced before assignment " 에러를 맞닥뜨렸습니다. 위 에러는 전역변수를 지역변수로 호출했기 때문에 발생한 것으로 이를 해결하기 위한 조치를 메모하겠습니다. 접근 1. UnboundLocalError: local variable 'xxxxx' referenced before assignment 에러란? 2. 예제 3. 조치 방법 1. "UnboundLocalError: local variable 'xxxxx' referenced before assignment" 에러란? 파이썬 코드 작업 중, 전역변수를 선언(abc)했고, 이 전역변수를 함수 내부에서는 지역변수로 사용할 때, 값을 변동하고자 .. 2023. 8. 31. [Front_Figma] 피그마 접근하기(1) 필요성 최근, 각종 플러그인을 사용해 피그마의 요소를 html, tailwind css, React 등으로 추출이 가능하다는 사실을 알게 됐습니다. 평상시 tailwind css로의 Front단 개발을 해왔던 저로서는, 반가운 소식이었습니다. 디자이너들이 다수 사용한다고는 들었으나 여전히 생소한 Figma를 사용 & 학습해보고자 글을 작성합니다. 접근 1. 피그마(Figma)란? (1) 정의 2. 피그마(Figma) 기능 3. 피그마 단축키 방법 1. 피그마(Figma)란? (1) 정의 피그마 (Figma)는 macOS 및 윈도우용 데스크톱 애플리케이션들에 의해 활성화되는 추가 오프라인 기능들을 갖춘 인터페이스 디자인을 위한 협업 웹 애플리케이션이다. 피그마의 기능 집합은 사용자 인터페이스(UI)와 사용.. 2023. 8. 28. [NextJS] Zustand 시작하기(1) 필요성 Web application을 제작하면서, Store(상태)를 관리하는 것은 매우 중요해졌습니다. 상태관리 라이브러리로 Recoil 역시 훌륭하지만, 이번 차례에서는 Zustand를 학습해보고자 합니다. 그 학습을 시작합니다. 접근 1. Installation (설치) - npm install zustand 2. Store 생성하기 3. 컴포넌트 바인딩 방법 1. Installation (설치) (NextJS 또는 React 프로젝트를 생성 후 진행합니다.) 사용을 위해 npm 패키지로 설치부터 진행합니다. # npm npm install zustand - 이후 정상적으로 설치가 되었다면, 프로젝트 내 package.json 파일 > "dependencies"에 나열됨을 확인할 수 있습니다. 2... 2023. 8. 21. [Tomcat] Tomcat 포트 번호 여러 개 사용하기, 추가하기(windows) 필요성 서비스 배포를 하려던 과정 중에 있습니다. 사용하던 전용 포트는 외부에서도, 내부에서도 접근이 가능한 포트인지라 외부에서는 접근이 불가하지만 내부에서는 사용이 가능한 포트 하나를 톰캣 내에서 추가로 열어주고자 합니다. 아래에서 순서대로 그 방법을 깔끔하게 정리해보도록 하겠습니다. 접근 (요약) 1. Tomcat 설치 경로 > conf > server.xml 파일 열기 (1.1). server.xml 수정 작업 2. appBase로 지정할 폴더 생성 (2.1). 하위에 ROOT 폴더 및 web.xml 작업 3. (해주지 않아도 되는 과정 - 참고) appBase로 지정한 폴더 하위 작업 (3.1). 하위에 ROOT 폴더 및 web.xml 작업 4. Tomcat 구동 후 폴더 생성 확인 방법 1. T.. 2023. 7. 19. 월급쟁이 재테크학교 _ 내집마련반 1주차 [1]. 내 집 마련을 위한 예산표 작성하기 1단계. 종잣돈과 소득 확인하기 20대 사회 초년생, 당찬 꿈을 갖고 월부에 발을 들였습니다. 그간 월부 유튜브를 통해서 배운, 지출관리 & 저축방법을 적용해 모은 종잣돈을 이렇게 적고 보니 뿌듯합니다! 2단계. 정책대출에 해당되는지 확인하기 강의 속, 대출의 여러 갈래, 용어, 계산법 등 모든 게 생소하고 죄다 새롭게 학습해야하는 것들이었지만, 조금씩, 조금씩 정진하는 마음으로 학습해나갔습니다. "디딤돌 대출" 의 '나이요건'에서부터 막혀버렸지만, 관련 이슈로 이미 골치 아파봤던 분들의 선례들을 찾아보며 제게 적용시킬 수 있을 법한 두 가지 방법 ( (1) 예비 신혼부부, (2)직계존속 가족 일정기간 함께 거주 )을 발견했습니다. ==> 이를 통해 "디딤돌 .. 2023. 7. 11. [개인공부] SourceTree 실행 안 됨 / 재설치&재실행 안됨 / 갑자기 되지 않음 해결법 필요성 소스트리를 통해 코드 형상관리를 하고자 오랜만에 실행파일을 실행했습니다. 그러나 아이콘을 클릭해 실행을 해보려해도 프로그램에 아무런 반응이 없었고, 재설치 후 재실행을 해서도 똑같은 문제가 반복되는 것을 식별했습니다. 가장 크게 다가온 걱정은, 갑작스런 실행 안됨의 문제라 원인을 알 수 없었습니다. 접근 1. 해결을 위해 폴더 경로 이동 2. 문제가 예상되는 파일 삭제 후 소스트리 재실행 방법 1. 해결을 위해 폴더 경로 이동 아무 폴더 내에서 경로를 이동합니다. - C:\Users\admin\AppData\Local\Atlassian\SourceTree.exe_Url_uewmdsztjdm2suukiihza1upzp1skd1d 이후, 폴더에 있는 SourceTree 버전이 적힌 폴더로 들어갑니다... 2023. 6. 19. [Baekjoon] 10172. 개 print("|\\_/|") print("|q p| /}") print('( 0 )"""\\') print('|"^"` |') print("||_/=\\\\__|") 2023. 6. 2. 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음
