티스토리

odada

검색하기

블로그 홈

odada

odada.me/m

#프론트앤드 #Interactive Web #WebDesign #웹표준 # 웹접근성

구독자: 8

방명록 방문하기

주요 글 목록

github 협업하기 https://devfancy.github.io/Technology-GitHub-Branch-Protection-Rule/ GitHub에 올라간 Branch에 Protection Rule 적용하기Indexdevfancy.github.io 작성중... 공감수 0 댓글수 0 2024. 10. 22.
gitingnore 파일 만들기 & gitignore 적용 안될 때 gitingnore 파일 만들기 gitignore 파일은 git으로 관리하지 않을 파일을 지정하는 파일이다. gitignore 파일은 git 저장소의 최상위 디렉토리에 생성한다. gitignore 파일 생성 gitignore 파일은 git 저장소의 최상위 디렉토리에 생성한다. gitignore 파일의 이름은 .gitignore이다. gitignore 파일 작성 # 폴더명/ : 폴더명의 모든 파일 무시 css/ # 파일명 : 파일명의 파일 무시 comm.css comm.css.map #폴더명/파일명 폴더명/파일명 # 확장자가 .txt인 파일 무시 *.txt # 윗 라인에서 확장자가 .txt인 파일은 무시하게 했지만 lib.a는 무시하지 않는다. !lib.txt gitignore 파일 적용이 안될 때 ign.. 공감수 0 댓글수 0 2024. 1. 19.
vscode 설치하고 github 사용하기 Visual Studio Code 란? MS에서 제공하는 크로스 플랫폼 에디터로 다양한 언어를 서포트 하며, IntelliSense와 Git 기능, 그리고 Extension 을 이용한 확장 기능을 제공하고 있는 IDE 이다. - Visual Studio Code 설치하기 Visual Studio Code 사이트에서 다운로드 받아 설치한다. 설치 시 아래와 같은 페이지에서 기타에 모두 체크한다. - Visual Studio Code 기본 설정 왼쪽 하단 설정 아이콘을 클릭한다. Auto Save 를 onFocusChange 로 설정한다. Font 를 D2Coding 으로 설정한다. Font Size 를 14 로 설정한다. Font Ligatures 를 true 로 설정한다. Tab Size 를 2 로 설정.. 공감수 0 댓글수 0 2023. 11. 17.
GitHub 가입, 설치, 업로드하기 1. Git 이란?https://github.com/GitHub는 버전 제어 및 협업을 위한 코드 호스팅 플랫폼입니다. 그것은 당신과 다른 사람들이 어디서나 프로젝트에 협력 할 수 있습니다.이 튜토리얼에서는 리포지토리 , 브랜치 , 커밋 및 풀 요청 과 같은 GitHub 필수 사항에 대해 설명 합니다 . 자신 만의 Hello World 리포지토리를 만들고 코드를 만들고 검토하는 일반적인 방법 인 GitHub의 풀 요청 워크 플로를 배우게됩니다.2. Git 저장소의 간단 구조 3. Git 사이트 회원 가입 후 리포지토리 생성하기아래 사이트에서 회원가입을 해주세요~https://github.com/ GitHub: Let’s build from hereGitHub is where over 100 millio.. 공감수 0 댓글수 0 2023. 11. 16.
GitHub 커스텀 도메인 연결하기 나만의 도메인을 붙여주면 더 멋진 포폴이 될 수 있습니다. 가비아에서 구매한 도메인을 github에 붙여보도록 할께요. 도메인 연결하기 github의 블로그에 저의 https://oddodd.io/ 도메인을 연결하려고 합니다. 도메인 연결 전 가비아 등 도메인 구매 업체에서 DNS 설정 변경해야 합니다. DNS 관리 https://dns.gabia.com/ [홈 > DNS 관리 > DNS 설정 > 레코드 수정 > 레코드 추가] CNAME의 값/위치를 입력할 때는 마직막에 .(점)을 입력한다. 타입 호스트 값/위 TTL CNAME @ 깃헙아이디.github.io. 600 CNAME www 깃헙아이디.github.io. 600 도메인 연결 .github.io > Settings > Pages > Custom.. 공감수 0 댓글수 0 2023. 10. 6.
Jekyll 테마 GitHub에서 포트폴리오 만들고 로컬에서 수정하기 오늘은 Jekyll을 사용하여 GitHub에서 포트폴리오 만들기에 대해 포스팅 해보겠습니다. 최근 대기업에서 채용시 GitHub 포트폴리오 제출이라는 문구가 많이 보입니다. GitHub은 버전관리 및 협업 툴로 사용하지 못하면 업무가 어렵기 때문입니다. ㅜㅜ 해서 포트폴리오 사이트도 GitHub에 만들면 프로젝트 업로드 및 관리가 쉽기 때문에 GitHub 블로그를 만들어 포트폴리오로 활용해봅시다. 그럼 간단하게 GitHub이 무엇인지 알아보고 포트폴리오 만드는 방법을 알아보겠습니다. GitHub 이란? 여러 개발자가 협업하여 소프트웨어를 개발 소스 코드를 호스팅하고 버전 관리 소프트웨어 프로젝트 관리, 공유 https://github.com/ Jekyll Theme Jekyll 테마란 Jekyll 웹사이.. 공감수 0 댓글수 0 2023. 10. 6.
README Header, Badge 활용 GitHub Landing Page 꾸미기 #github #readme #깃포트폴리오 #깃포폴 GitHub에 프로젝트를 올리고 README.md에 프로젝트에 대한 내용을 정리해둔다. 정리할 때 예쁘게 정리하면 더 좋을거 같은데... README도 예쁘게 꾸미는 것이 가능하다. 1. 리포지토리 만들기 리포지토리 이름은 본인의 아이디와 동일하게 만들면 ✨special✨ repository를 만들 수 있다. Repository name : 본인 아이디 Public 체크 Add a README file 체크 대표사진 삭제 사진 설명을 입력하세요. README 꾸미기 위해 방금 만든 리포지토리의 README 파일을 수정한다. 사진 삭제 사진 설명을 입력하세요. 1. README Header https://github.com/kyechan99/capsule.. 공감수 0 댓글수 0 2023. 9. 20.
github, tistory 도메인 연결하기 GitHub github의 블로그에 나의 https://oddodd.io/ 도메인을 연결하려고 한다. 도메인 연결 전 가비아 등 도메인 구매 업체에서 DNS 설정 변경 - DNS 관리 https://dns.gabia.com/ [홈 > DNS 관리 > DNS 설정 > 레코드 수정 > 레코드 추가] CNAME의 값/위치를 입력할 때는 마직막에 .(점)을 입력한다. 타입 호스트 값/위 TTL CNAME @ 깃헙아이디.github.io. 600 CNAME www 깃헙아이디.github.io. 600 A @ 185.199.108.153 1800 A @ 185.199.109.153 1800 A @ 185.199.110.153 1800 A @ 185.199.111.153 1800 - 도메인 연결 아이디.github... 공감수 1 댓글수 0 2023. 9. 12.
ChatGPT로 자기소개서 쓰기 자기소개서 쓰기 [#유퀴즈온더블럭] 인싸력부터 남다른 취업의 신 황인 자기님🤭 고스펙이 아닌데도 대기업 15곳을 합격할 수 있었던 꿀팁 대방출 https://youtu.be/xNcWZpufxb4 ChatGPT란? OpenAI 기반의 대화형 인공지능 현재 무료 + 프리미엄 서비스 제공 출시 1개월만에 1억명 이상 사용자 확보 소개 ChatGPT https://chat.openai.com/ ChatGPT of OPENAPI https://platform.openai.com/playground SYSTEM 역할제시 Temperature 단어 무작위 사용 (언어 생성 모델에서 생성된 텍스트의 다양성(degree of diversity)을 조절하는 하이퍼파라미터)입니다. 모델마다 최적의 temperature 값은.. 공감수 0 댓글수 0 2023. 9. 11.
GitHub 블로그, Jekyll Theme로 GitHub 포트폴리오 만들기 #github #jekyll #깃헙 #깃허브 #지킬테마 안녕하세요. 오다다입니다. 이런 저런 사정으로 it에서 리뷰로 리뷰에서 it로 다시 돌아왔습니다. 블로거의 길도 쉽지 않네요. 오늘은 Jekyll을 사용하여 GitHub에서 포트폴리오 만들기에 대해 포스팅 해보겠습니다. 최근 대기업에서 채용시 GitHub 포트폴리오 제출이라는 문구가 많이 보입니다. GitHub은 버전관리 및 협업 툴로 사용하지 못하면 업무가 어렵기 때문입니다. ㅜㅜ 해서 포트폴리오 사이트도 GitHub에 만들면 프로젝트 업로드 및 관리가 쉽기 때문에 GitHub 블로그를 만들어 포트폴리오로 활용해봅시다. 그럼 간단하게 GitHub이 무엇인지 알아보고 포트폴리오 만드는 방법을 알아보겠습니다. GitHub 이란? 출처 입력 여러 개발자.. 공감수 0 댓글수 0 2023. 9. 11.
GitHub 핵심정리 버전 관리?? 기획서.pdf 기획서_수정본.pdf 기획서_수정.pdf 기획서_진짜_최종.pdf 기획서_진짜진짜_최종.pdf 기획서_20230801.pdf GitHub Tutorial 사용 문서 https://docs.github.com/ko 정보 https://docs.github.com/ko/get-started/using-git/about-git pull requests https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches 간편안내서 https://rogerdudler.github.io/git-guide/in.. 공감수 0 댓글수 0 2023. 9. 11.
피그마(figma) 기초 원본 : https://www.codestates.com/blog/content/%ED%94%BC%EA%B7%B8%EB%A7%88-%EC%82%AC%EC%9A%A9%EB%B2%95 개요 피그마(Figma)는 현재 UX/UI 분야에서 가장 인기 있는 디자인 툴 중 하나로 2022 Design Tools Survey 결과, 현업에서 UI 디자인과 프로토타이핑에 가장 많이 사용하는 툴로 피그마가 선정됐습니다. 피그마란 피그마는 온라인에서 사용할 수 있는 디자인 툴로, UX/UI 디자인 및 프로토타입 제작을 위한 기능들을 제공합니다. 웹・앱・인터페이스 디자인 등 다양한 분야에서 사용되며, 디자인과 개발 과정에서 필요한 여러 협업 기능을 지원합니다. 피그마가 주목받는 이유 피그마의 장점은 다른 디자인 툴과 비교해.. 공감수 0 댓글수 0 2023. 9. 11.
Markdow (마크다운) 핵심정리 마크다운(Markdown)은 간단하고 가독성이 좋은 텍스트 기반의 마크업 언어입니다. 주로 웹에서 글을 작성하거나 서식을 지정하는 데 사용됩니다. 마크다운은 HTML보다 쉽게 작성할 수 있으며, 다양한 플랫폼에서 지원되어 널리 사용됩니다. 제목(Header) # 제목 1 (가장 큰 제목) ## 제목 2 ### 제목 3 #### 제목 4 ##### 제목 5 ###### 제목 6 (가장 작은 제목) 제목 1 (가장 큰 제목) 제목 2 제목 3 제목 4 제목 5 제목 6 (가장 작은 제목) 줄바꿈(Line Breaks) 줄바꿈하고 싶은 곳에 스페이스 2개 넣는다.동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 강조(Emphasis) *이탤릭체* 혹은 _이탤릭체_ **볼드체** 혹은 __볼드체_.. 공감수 0 댓글수 0 2023. 9. 11.
github 사용하기 버전 관리?? 기획서.pdf 기획서_수정본.pdf 기획서_수정.pdf 기획서_진짜_최종.pdf 기획서_진짜진짜_최종.pdf 기획서_20230801.pdf git Tutorial git 사용 문서 https://docs.github.com/ko git 정보 https://docs.github.com/ko/get-started/using-git/about-git git pull requests https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches 간편안내서 https://rogerdudler.github.io/git.. 공감수 0 댓글수 0 2023. 7. 24.
GitHub Zip 다운받기 [Code > Download ZIP] 클릭하면 zip 파일로 다운로드 됩니다. git clone으로 다운 받기 https://oddcode.tistory.com/184?category=836270 git clone (git 복제하기) 1. git 설치하기 - 많은 선택지가 나오는데 그냥 무조건 next를 누르세요~ https://git-scm.com/downloads Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git so.. oddcode.tistory.com 공감수 0 댓글수 0 2021. 12. 23.
GitHub Zip 다운받기 [Code > Download ZIP] 클릭하면 zip 파일로 다운로드 됩니다. git clone으로 다운 받기 https://oddcode.tistory.com/184?category=836270 git clone (git 복제하기) 1. git 설치하기 - 많은 선택지가 나오는데 그냥 무조건 next를 누르세요~ https://git-scm.com/downloads Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git so.. oddcode.tistory.com 공감수 0 댓글수 0 2021. 12. 23.
맥 OS git push에서 The requested URL returned error: 403 해결 방법 https://curryyou.tistory.com/403 맥 OS: git push에서 The requested URL returned error: 403 해결 방법 Git Hub에서 액세스 토큰 방식으로 바뀌면서 인증에 어려움을 겪을 수 있다. 일단 액세스 토큰 생성 방법은 아래 글을 참고하기 바란다. GitHub 토큰 인증 로그인: Personal Access Token 생성 및 사용 방법 curryyou.tistory.com Git Hub에서 액세스 토큰 방식으로 바뀌면서 인증에 어려움을 겪을 수 있다. 일단 액세스 토큰 생성 방법은 아래 글을 참고하기 바란다. GitHub 토큰 인증 로그인: Personal Access Token 생성 및 사용 방법 혹시 MAC OS환경에서 git push 실행.. 공감수 2 댓글수 0 2021. 8. 17.
Mac 파인더에서 터미널 바로 열기 ifuwanna.tistory.com/261 [MacOS] 파인더에서 터미널 바로 열기 맥북이나 아이맥같은 Mac OS 환경에서는 윈도우 탐색기를 대체하는 파인더(Finder) 앱을 사용하는데 이때 특정 폴더에서 직접 콘솔 명령어를 바로 사용하고 싶을 때가 있습니다. 예를 들어 저 같은 ifuwanna.tistory.com 공감수 0 댓글수 0 2020. 11. 12.
제플린 (XD, Photoshop에서 내보내기) Zeplin 제플린(Zeplin)은 디자이너 및 개발자를 위한 공동 작업 응용 프로그램입니다. 제플린은 스케치 또는 포토샵과 연동하여 자동으로 작업한 결과물을 이미지 파일 Asset과 디자인 가이드로 생성해 줍니다. https://zeplin.io/ Zeplin Connected space for product teams. Handoff designs and styleguides with accurate specs, assets, code snippets—automatically. zeplin.io 1. 다운 및 설치 아래 사이트에서 본인의 운영체계와 맞는 설치 프로그램을 다운 받아 설치하고 로그인 합니다. https://support.zeplin.io/en/articles/244698-downloadi.. 공감수 0 댓글수 2 2020. 11. 10.
VSCode ftp-simple gangnam-americano.tistory.com/26 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해 알아보겠다. 우선, Visual Stu.. gangnam-americano.tistory.com 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해 알아보겠다. 우선, Visual Studio Code를 켜고 좌측 메뉴중 제일 밑에있는 확장버턴을 눌러.. 공감수 0 댓글수 0 2020. 9. 16.
Finder에서 단축키로 프로그램(vscode, intellij) 열기 https://gist.github.com/tonysneed/f9f09bfa28bcf98e8d8306f9b21f99e2 Add a command to Finder services in Mac OSX to open a folder in VS CodeAdd a command to Finder services in Mac OSX to open a folder in VS Code - Mac OS X: Open in Visual Studio Codegist.github.com1. Automater를 시작합니다2. 파일메뉴에서 신규를 선택합니다.3. 서비스를 선택합니다.4. "서비스가 받는 선택 항목: 파일 또는 폴더", "선택 항목 위치: Finder"를 선택합니다.5. 왼쪽 화면에서 "셸 스크립트 실행"을 선택.. 공감수 0 댓글수 0 2020. 9. 11.
macOS, 파이썬 API 마인크래프트 서버 설치 맥을 기준으로 한 설치 및 설정입니다. 1.마인크래프트설치 -http://minecraft.net 에서 구입하여 설치합니다. 2.파이썬 3.5.6 설치 및 설정 -brew설치 $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” -파이썬 설치 및 확인 $ brew install python3 $ python3 —version 3.JDK SE설치 -http://www.oracle.com/technetwork/java/javase/downloads/index.html 접속 후 1.8 이상 다운로드 및 설치 -자바 설치 확인 $ java -version 4.마인크래프트 파이썬 API,.. 공감수 0 댓글수 0 2020. 8. 15.
홈브루 설치하기 설치하는 방법 먼저 홈브루를 내 컴퓨터에 설치했는지 터미널에 brew --version을 입력해 확인한다. -bash: brew: command not found가 나와 없다는 것을 확인한다. 터미널에 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"를 입력하고 엔터를 누른다. 엔터를 누른다. 내 컴퓨터의 비밀번호를 입력한다. 설치가 끝났다. 참고 https://brew.sh/index_ko 공감수 0 댓글수 0 2020. 8. 15.
emmet 설정 변경 Emmet Cheat Sheet docs.emmet.io/cheat-sheet/ Cheat Sheet Download cheat sheet as printable PDF A5 docs.emmet.io https://code.visualstudio.com/docs/editor/emmet#_using-custom-emmet-snippets Emmet in Visual Studio Code Using Emmet abbreviations inside Visual Studio Code. code.visualstudio.com Visual Studio Code의 Emmet Emmet 스 니펫 및 확장에 대한 지원은 Visual Studio Code에 내장되어 있으며 확장이 필요하지 않습니다 . Emmet 2.0 은.. 공감수 0 댓글수 0 2020. 8. 14.
git clone(복제) 후 다시 git push(올리기) 1. git 설치하기 - 많은 선택지가 나오는데 그냥 무조건 next를 누르세요~ https://git-scm.com/downloads Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific git-scm.com 2. 내 컴퓨터에 새폴더를 만들고 Git 저장소 받아오기(clone).. 공감수 6 댓글수 0 2020. 7. 31.
Line Awesome 사용하기 코드만 넣으면 아이콘이 뽕!!! 엄청나게 편한 Line Awesome의 사용방법에 대해 알아보겠습니다. https://icons8.com/line-awesome Download free icons, music, stock photos, vectors Designers, download the design stuff for free — icons, photos, UX illustrations, and music for your videos. icons8.com Line Awesome css를 추가하고 html 태그를 추가하면 사용이 가능합니다. 1. 시작하기 Getting Started 버튼을 눌러 시작 페이지로 이동한다. 1) 글꼴 CDN에서 로드 Font Awesome이 이미 설치되어있는 경우 간단히 .. 공감수 0 댓글수 0 2020. 7. 30.
Mac 키보드 단축키 Mac 키보드 단축키 보통은 마우스, 트랙패드 또는 기타 입력 기기가 있어야 가능한 작업을 특정 키 조합을 눌러 수행할 수 있습니다. 키보드 단축키를 사용하려면 하나 이상의 조합 키를 누른 상태에서 단축키의 마지막 키를 누릅니다. 예를 들어 command-C(복사)를 사용하려면 command 키를 누른 상태에서 C 키를 누른 다음 두 키를 놓습니다. Mac 메뉴와 키보드에서는 다음과 같이 조합 키를 비롯하여 특정 키가 기호로 표시되기도 합니다. command(또는 cmd) ⌘ shift ⇧ option(또는 alt) ⌥ control(또는 ctrl) ⌃ caps lock ⇪ fn Windows PC용 키보드에서는 option 대신 Alt 키, command 대신 Windows 로고 키를 사용합니다. 일부.. 공감수 0 댓글수 0 2020. 4. 10.
Git 무료 웹호스팅 사용하기 gitHub에 무료로 기본 웹사이트를 만들어서 올려놓을 수 있는 웹호스팅 또는 미디어 호스팅을 만들 수 있습니다. gitHub도 트래픽 제한과 용량 제한이 있긴 합니다. 저장소 제한 용량은 1GB 입니다. 제한 트래픽은 100GB/월 1. Settings 페이지로 이동 2. 화면을 쭉 내리면 GitHub Pages 섹션이 나옵니다. Choose a theme 클릭합니다. 3. Source에서 Branch: main / (root) 선택 후 저장합니다. 4. 완료하면 기본 사이트가 만들어졌습니다. 웹브라우저로 https://아이디.github.io/프로젝트(저장소)이름/ 접속해보세요. https://아이디.github.io/프로젝트(저장소)이름/ eehd80.github.io/bullbull/index.h.. 공감수 0 댓글수 0 2020. 3. 26.
Git 저장소의 데이터 복제하기 1. git 설치하기 - 많은 선택지가 나오는데 그냥 무조건 next를 누르세요~ https://git-scm.com/downloads Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific git-scm.com git을 사용하려면 nodejs가 깔려있어야 합니다. 없으신 분은 깔.. 공감수 0 댓글수 0 2020. 3. 18.
Git 저장소에 코드 올리기 Git 저장소의 간단 구조 1. Git 사이트 회원 가입 후 리포지토리 생성하기 아래 사이트에서 회원가입을 해주세요~ https://github.com/ Build software better, together GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects. github.com 저장소 생성을 위해 Repositories를 생성합니다. README파일은 내 컴퓨터에서 생성하려하니 여기에선 만들지 않습니다. Initialize this repository with a README를 체크하지 마세요 2. 프.. 공감수 0 댓글수 0 2020. 3. 11.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.