본문 바로가기

테크 세미나/개발 Nous27

드래그 가능한 테이블 만들기 https://jqueryui.com/sortable Sortable | jQuery UI Sortable Reorder elements in a list or grid using the mouse. Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items share draggable prope jqueryui.com 오늘은 jquery 를 사용한 드래그 가능한 테이블을 만드려고 합니다 See the Pen Untitled by Junho Yoon (@j.. 2024. 3. 22.

깃허브 꾸미기 Readme 꾸미기 어느정도 프로젝트가 안정되어서 할 일이 적어졌을 때에는 깃허브 저장소를 꾸미고 싶어지는 욕구가 생기기 마련입니다. 오늘은 그 방법에 대해서 포스팅 하겠습니다 위와 같이 Readme 를 꾸미는 두 가지 방법을 알아보려고 합니다. (public 으로만 해야하는 자신의 개인 프로필과는 다른, private 에도 할 수 있는 방법입니다) 1. Capsule Render https://capsule-render.vercel.app/ [Capsule-Render capsule-render.vercel.app](https://capsule-render.vercel.app/) 해당 페이지에서 타입(테마)을 정하고, 색상과 사용할 텍스트 등을 고릅니다. 글자에 애니메이션을 줄 수도 있습니다. + 헤더에 사용할 것인지, .. 2024. 3. 20.

터미널에서 code . 로 VScode 열기 설정 1. 셸 명령을 연다 1) ⌘ + ⇧ + P 를 누르거나 2) VScode 를 연 상태에서 보기 - 명령 팔레트를 선택 2. code 를 입력하여 검색한다 2.1 오류 발생시 대처 EACCES: permission denied, unlink '/usr/local/bin/code' 만일 이런 오류가 발생을 한다면, 당황하지 말고 터미널을 열어 오류가 난다는 곳으로 들어간다 cd /usr/local/bin 그 후 오류가 났었던 code 명령어에 대한 삭제를 한 후 재설치를 할 것입니다 sudo rm -rf code 이후 위의 1번 부터 다시 실행하면 제대로 설치가 완료가 됩니다 2023. 12. 23.

깃허브 프로젝트 다른 회사(Organization)로 옮기기 저는 다른 회사의 웹사이트 개발 프로젝트를 맡고 있었습니다. 제가 담당한 회사가 규모가 커짐에 따라, 개발자를 내부 인원으로 고용하고 싶어했고, 그에 따라 그 회사로 이직을 하게 되었습니다. 이러다 보니 이미 작업하던 것들을 하나식 소유권 이전을 해야하더라구요. 1. SMTP (이메일) 2. 알림톡 (카카오톡) 3. 결제 모듈 4. 서버 5. 데이터 베이스 연결 6. 프로젝트 코드 형상관리 (Git) 7. SSL 인증서 관리 등등 여러 가지가 있었습니다. 다른 것들은 설정이 전부 다를 것 같아서, 공통이 될 부분인 " Github 소유권 변경하기 " 에 대해서 다루어 보겠습니다. A 라는 회사에서 B 라는 회사로 Repository 의 소유권을 넘긴다는 가정으로 작성할게요 1. 깃허브 사이트에서 A라는 .. 2023. 10. 22.

vscode 에서 recently opened 탭 없애기 비주얼스튜디오를 사용하다보면 파일명으로 검색하여 빠르게 파일을 오픈할 수 잇는 기능이 있습니다. 맥북 기준 ⌘ + p 단축키입니다 위와 같은 화면이 나오게 됩니다. 여기서 검색을 한 후 금방 들어갈 수 있죠. 하지만, 편하긴 한데 다운로드 받아 넣던 것도 recently opened 로 뜨면서 엉뚱한 파일이 열리기도 하죠. 이 부분을 없애는 설정을 적어보려고 해요 vscode 에서 우측 상단 바에 보면 세팅을 열 수 있는 버튼이 있습니다. 여기에 "search.quickOpen.includeHistory": false 이 한 줄을 추가하면 해결됩니다. 이 설정이 끝나면, 정말 디렉토리 안에 있는 파일들만 검색 결과로 뜨게 되고,최근에 열었던 파일들이 추천으로 뜨게 되지 않습니다. vscode 를 재시작해.. 2023. 3. 30.

vscode 일괄선택 단축키 ⌘ + B : 왼쪽 탐색창 끄기 ⌘ + D : 같은 단어 하나씩 선택 ⌘ + ⇧ + L : 같은 단어 전부 선택 ⌥ + (↑/↓) : 코드 한줄씩 이동 ⌥ + ⇧ + (↑/↓) : 코드 위 아래에 복제 붙여넣기 ⌥ + ⇧ + A : 구역 묶어서 주석 처리 2023. 1. 15.

mysql 워크벤치 데이터 1000개까지만 조회될 때 mysql을 위한 Workbench 워크밴치를 사용할 때에, 데이터 갯수가 늘어날 수록 테이블의 데이터를 가져오면, 1000개까지만 가져오는 일을 겪을 수 있습니다. 당황하실 필요가 없습니다. 데이터가 1000개를 초과할 경우 들어가지 않는 것이 아닙니다. 이는 workbench에 기본적으로 1000개까지만 가져오는 설정이 되어있기 때문입니다 맥북 기준으로 설명을 드리겠습니다. 물론 윈도우도 흡사하니 그대로 보시면 되겠습니다. 1. Edit - Preferences 로 워크밴치 설정 창을 켜줍니다 2. SQL Editor - SQL Execution - Limit Rows Count (제한 수 지정) 여기서 1) Limit Rows Count 의 갯수를 1000 이 아닌 다른 숫자로 바꾸어 제한을 하실 .. 2022. 11. 25.

vscode 권한부족으로 저장할 수 없음 오류 해결 가끔 우리는 버전 변경을 하던, 세팅을 하던 설정값들을 건드리는 과정에서 실수였던 아니던 저장이나 수정에 대한 권한을 잃어 sudo 명령어를 사용하곤 한다. 이번에 rails 버전 업그레이드를 하던 도중 알 권한부족으로 파일을 수정할 수 없다는 알림이 떳다. sudo 명령어(혹은 버튼)로 저장을 하다가 이건 해결을 하고 넘어가야겠다 해서 지금 해결 방법을 알려드리려고 합니다. 1. 권한 부족이 뜨고있는 해당 터미널에서 open . 명령어를 칩니다 (해당 폴더를 파인더에서 열기 입니다) open . 2. 해당 폴더의 경로를 그대로 복사 : 1번에서 뜬 폴더에서 우클릭 - 경로 이름을 복사 3. 터미널로 돌아가 해당 폴더에 대한 권한을 부여합니다 sudo chmod -R 777 방금복사한경로그대로붙여넣기 ".. 2022. 11. 9.

깃허브에 기존 프로젝트 연결하기, 올리기 사이드 프로젝트 혹은 프로젝트를 새로 하려고 프로젝트를 만들었는데, 로컬로만 두기도 아깝고, 버전 관리나 롤백도 하고 싶어 깃헙에 올리고 싶어졌습니다. 그렇다면, 내 노트북이 깃헙과 연결이 되어있다는 가정 하에 포스팅을 진행하겠습니다. 방법은 여러가지가 있지만, 가장 쉽고 많이 쓰이는 방법으로 진행을 하겠습니다. 저는 깃랩을 주로 사용하지만, 깃허브와 크게 다를 것은 없습니다 프로젝트 자체를 처음 만들 때에 sudo 명령어를 사용하면 이후에 해당 폴더에 대한 권한들이 꼬일 수 있으니, 정말 써야 하는 때가 아니면 sudo를 남발하는 일은 없도록 합시다 1. 깃허브로 들어가 화면 좌측에 New 버튼을 눌러 저장소를 하나 만들어 줍니다. 선택이지만 저는 README 파일을 추가했어요. 혼자 공부할 때에, 저.. 2022. 5. 9.

vscode erb파일 자동완성 설정하기 새로운 언어로 개발을 시작하려고 하면 아무래도 손에 많이 익었고, 코딩 속도를 높여줄 vscode 의 자동완성 기능을 찾게 됩니다. 저는 일단 가독성을 위해 자동 줄맞춤까지는 하지 않습니다. 거두절미하고, ruby 에서 .rb 파일은 루비 문법을 따라가고, .erb 파일은 html 문법을 따라갑니다. 태그는 루비 문을 '실행' 시킬 수 있고 태그는 루비 문을 '출력'시킬 수 있다. 기본적으로 .erb 파일은 html의 문법을 따라가기에 등등 태그를 사용하는데, 일반적으로 html 자동완성을 사용하였더라도, 자동완성 기능은 여기서 먹히지 않아요. 그렇다면 바로 설정으로 이동하시죠 1. 비주얼스튜디오를 켜고 설정으로 이동합니다 2. settings.json 을 엽니다 3. 다음과 같은 설정을 추가해줍니다 ".. 2022. 5. 3.

Ruby on rails 맥북 설치하기 이직을 하며 ruby on rails를 사용하게 되었습니다. 새로운 기술을 사용하게 되면서 환경세팅을 하고, 개발을 해 나가며 앞으로 루비에 관련된 글을 더 쓰게 될 것 같습니다. 1) 맥북을 사용하여 개발을 할 때에는 homebrew의 미친듯한 편리함을 사용합시다 brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh terminal : 복붙하라는 저 부분을 복붙한다. 시간 좀 걸림... 개발 환경을 bash 에서 zsh 로 변경한다. (어지간하면 개발 환경을 이렇게 함) terminal : brew install zsh brew는 homebrew를 사용하는 명령어임. terminal : which zsh 위.. 2022. 5. 2.

node 버전 업데이트, node update, node update version 오랜만에 놀고있던 맥북을 꺼내 개발을 하려다 보니, 이미 npm 버전이 엄청나게 예전꺼여서 충돌이 마구 일어났습니다. 오래된 개발 환경에서 개발을 시작하려고 하면 node version 을 특정 버전 혹은 몇 버전 이상을 요구한다는 오류들을 어렵지 않게 보게 됩니다. 이에 대해서 npm 버전을 업데이트 하는 방법을 하려고 합니다. 여러 레퍼런스가 있고 다양한 시도를 한 끝에 가장 안정적이고 확실하고 간단한 방법을 알려드리려 합니다. sudo npm install -g n - sudo : 'substitute user do' 의 약자로 다른 권한의 유저가 수행하도록 해라. 즉, 슈퍼 유저로서 수행하라는 뜻입니다. (무조건 해라 명령) - npm : node package manager - install :.. 2022. 4. 28.

이전 1 2 3 다음

티스토리툴바