본문 바로가기

기타정보/IT9

[IT] git을 쉽게 배우는 사이트 (git 기초배우는곳) git을 엄청 쉽고 자연스럽게 알려주는 사이트를 공유함 UI도 너무 깔끔하고 기초를 잘 알려준다. https://learngitbranching.js.org/?locale=ko Learn Git BranchingAn interactive Git visualization tool to educate and challenge!learngitbranching.js.org 아래는 메인화면 아래의 명령어를 배울 수 있다. 2024. 11. 19.
[IT][Javascript] 유용한 배열함수 (every, some) 자바스크립트에는 여러가지 함수가 있는데 생각보다 꽤 자주쓰는 함수를 소개함1. every🔍 사용법: array.every( callback( 요소[, 현재요소의 인덱스] )요소도 필수는 아니지만, 쓰지않으면 함수를 쓰는 의미가 없어서 필수처럼 써놨고,원래는 세번째 인수도 있는데 활용도를 몰라서 뺐음.callback 함수는 반드시 boolean형(true나 false)으로 반환이 되어야한다. every는 모든요소가 조건에 만족하는경우 (callback함수가 true로 반환 된 경우) 만 true로 반환되고, 그외는 false가 반환된다.const ary = [10,20,30,40,50,60]// 화살표함수로 하는법ary.every((item) => item > 9) // 모든 요소가 9를 넘으므로 tr.. 2024. 11. 11.
[IT] 웹 / 앱 UI 참고사이트 토이프로젝트에서 어떤기술을 쓸지, 어떤방식으로 할지는 대강 정했는데, UI 디자인을 어떻게 해야할지 정하지를 않아서 너무 막막하던참에 참고할만한 사이트를 몇개 적어보려고 한다.WWIT 윗https://wwit.design/ Lifeplus한국의 UI/UX 모바일 패턴을 수집합니다.wwit.design디자이너스 (웹, 앱 둘다 있어서 괜찮은듯)https://designus.io/ 디자이너스세상의 모든 디자이너들을 위한 공간, 디자이너스(Designus)designus.io유아이볼 (마이페이지, 상세정보, 온보딩 등 UI 패턴별로 볼 수 있어서 좋다)https://uibowl.io/ 유아이볼 | 매일 하루에 한개씩 업데이트 되는 패턴과 친해져요!국내 UI/UX 패턴을 담은 공간, 유아이볼uibowl.io종류.. 2024. 11. 10.
[IT] 모바일 퍼스트 사이즈 (PC, Mobile 사이즈) 이번에 토이프로젝트를 하게되면서  반응형으로 할 생각인데 알게된 정보를 써놓으려고함📱모바일 퍼스트 (모바일우선)/* 모바일가로 */@media (min-width: 576px) {}/* 태블릿 */@media (min-width: 768px) {}/* 데스크탑 */@media (min-width: 1024px) {}💻데스크탑 퍼스트 (PC 우선)/* 모바일 */@media (max-width: 375px) {}/* 모바일가로 */@media (max-width: 576px) {}/* 태블릿 */@media (max-width: 767px) {} 2024. 11. 7.
[IT] Windows VSCode에서 터미널(git bash)이 느릴때 갑자기 어느순간부터 VSCode에서 쓰는 터미널이 느려졌다. 그냥 git bash를 열면 빠른데, VSCode에서만 느려짐 거두절미하고 검색해서 해결했던 방법을 알려줌 1. VSCode에서 Settings를 연다단축키는 Ctrl + , (콤마)아니면 좌측상단에 File -> Preferences -> Settings 클릭 2. terminal.integrated.shellIntegration  를 검색하고 비활성화 한다.나는 이미 체크해제 한 상태인데, 아마 체크가 되어있을거임 3. 열려있던 터미널을 종료하고 다시 시작다시시작 해야 빨라짐참고로 터미널 단축키는 Ctrl + Shift + `  참고했던곳 : https://github.com/microsoft/vscode/issues/214407 2024. 6. 12.
[IT][Javascript] console을 출력하는 여러방법 나는 거의 console.log만 찍어보는데, 은근히 방법이 여러가지로 많았으므로 메모할겸 글을 작성해봄 1. log(), info(), warn(), error() 일단 기본적인거부터 시작해보겠음 const text = '테스트'; const ary = [1,2,3,4,5]; const obj = { name: 'tyranno', tel: 01012345678 }; 이렇게 있다고 가정하고 출력해봄 Console.log() 문자열 배열 객체 😅 Console.info() 는 Console.log()와 동일해서 스킵함 Console.warn() 문자열 배열 객체 Console.error() 문자열 배열 객체 사실 log(), warn(), error()는 따로 역할이 있는게 아니기때문에 그냥 한눈에 구분하.. 2022. 6. 14.
[IT][Javascript] 문자열 검색하는 방법 (indexOf, search, includes) string 문자열내의 문자를 검색할때 사용하는 방법은 크게 3가지 인것같다. ( 더 있을수도..) 1. indexOf 🔍사용법: string.indexOf(검색하고 싶은 문자열 [, 검색을 시작할 위치]) 두번째 인수는 옵션이고, 문자열이 검색되면 몇번째위치에서 검색됐는지 위치를 반환한다. (0부터 시작) 검색하려는 문자열이 존재하지 않는경우 -1을 반환한다. const str = 'abc123'; str.indexOf('a'); // 0 str.indexOf('1'); // 3 str.indexOf('a', 1) // -1 2. search 🔍사용법: string.search(검색하고 싶은 문자열 혹은 정규식) 반환되는건 indexOf와 동일하게 위치를 반환해준다. 검색하려는 문자열이 존재하지 않는경.. 2021. 12. 20.
[기타정보][맥북M1] 터미널 여는방법 1. Command + Space 를 눌러서 "터미널" 입력후 엔터 Command(⌘) + Space 를 누르면 Spotlight가 실행되는데 여기서 터미널을 검색하면 된다. 이 방법이 가장 쉬운듯 2. Launchpad 에서 터미널 검색 Dock에서 왼쪽에 보이는 Launchpad를 열어서 터미널 검색 (Launchpad는 트랙패드의 제스처로도 가능) 참고로 터미널은 응용프로그램 -> 유틸리티에 있다. 2021. 5. 27.
[기타정보][맥북M1] 홈브류(homebrew) 설치하는법 처음으로 맥북을 샀는데 뭘 해야할지 몰라서 일단 개발환경이나 구축해봐야겠다 싶어서 찾아보니까 맥북에서는 homebrew라는걸 많이 이용하는듯하다. 이게 솔직히 뭔진 모르겠고 여러 패키지들을 쉽게(?) 설치할 수 있는 도구인것 같다. 설치하는법 1. https://brew.sh/index_ko 에 들어간다 2. 아래에 보이는 명령어를 복사한다. (오른쪽에 버튼 눌러도됨) 3. 터미널을 열고 붙여넣고 엔터치면 password 입력하라고 뜨는데 자신이 맥북에 설정한 비밀번호를 입력하면 될거임 (참고로 화면에 표시안됨) 🤔혹시 터미널 여는법을 모르면 아래링크 클릭 https://tyrann0.tistory.com/33 4. 비밀번호를 입력하고 나면 Return키를 입력하라고 하는데 Return키란 엔터키라고 보.. 2021. 5. 27.