본문 바로가기
반응형

Programming161

링크드인 프로필 공유하기 See the Pen Untitled by Junmannn (@Junmannn) on CodePen. 링크드인 프로필을 예쁘게, 효율적으로 내보낼 수 있는 기능을 알려주는 타임! 1. 링크드인 접속! 회원 가입 | LinkedIn 5억 명 회원들이 함께 하는 글로벌 비즈니스 세상 비즈니스 인맥을 쌓고 넓히세요. 커리어 계발에 유용한 정보와 기회의 문으로 들어오세요. www.linkedin.com 2. 상단 네비게이션 바에서 '나' - 프로필 보기 클릭 3. 내 프로필 페이지에서 오른쪽에 전체공개용 프로필 및 URL 수정 클릭 4. 스크롤을 내려보다보면 오른쪽 아래에 아이콘 만들기 클릭 5. HTML 파일 상단에 부분을 넣고, 2022. 2. 12.
맥북 시간 초까지 보여주는 방법 (2022 ver.) 1. 환경설정을 켜서 '메뉴 막대에서 시간' 을 검색한다 2. 시간에 초를 표시 너무 쉬워서 더 할 말은 없당.. 그래도 도저히 못하겠다 하면 밑에 동영상 추가! 2022. 2. 9.
티스토리 코드 일반 텍스트로 보이는 현상 티스토리에 코드블럭를 삽입하여 코드라인을 추가할때에 분명히 에디터나 글 쓰는 곳에서는 잘만 보이는데, 이상하게 글을 발행하면 나중에 볼 때에 일반적인 문자로 보이는 경우가 있다. 화가 많이 났지만 이거는 정보력의 차이.. 티스토리에 코드를 쓸 때에 자동적으로 VScode, 비주얼스튜디오처럼 코드 에디터 처럼 보이게 하는 방법을 쓰겠다 1. 티스토리 → 블로그 관리 → 관리페이지 or 내 블로그 → 우측 상단 아이콘 클릭 → 관리 2. 관리 페이지에서 스크롤을 내리다 보면 좌측 사이드바에서 플러그인이라는 탭을 발견할 수 있다. 3. 플러그인에서 코드 라고 검색하면 코드 강조 나올거임. 이거만 설치하면 모든게 끝남... 안에서 테마는 자유롭게 선택하시면 됨 본인은 Atom One Dark 2022. 2. 9.
자바스크립트 javascript 문자열 관련 함수 정리 특정 문자열로 시작하는지 문자열변수.startswith("특정문자열") const str = "Kyurasi rocks...!"; const checking_str = "Kyu"; console.log(str.startsWith(checking_str)); // str이 checking_str로 시작하므로 true 를 리턴하게 됩니다 const str = "Kyurasi rocks...!"; const checking_str = "Jyu"; console.log(str.startsWith(checking_str)); // str이 checking_str로 시작하지 않으므로 false 를 리턴하게 됩니다 특정 위치부터 특정 문자열로 시작하는지 문자열변수.startswith("특정문자열",몇번째) const.. 2022. 2. 5.
powermode 입력 효과주기, vscode 배경넣기 vscode에 코드 입력 효과를 주는 플러그인을 소개드릴게요powermode를 사용해 vscode에 코드입력에 대해서 이펙트를 줄 수 있어요.https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode Power Mode - Visual Studio MarketplaceExtension for Visual Studio Code - Your code is powerful, unleash it! The extension made popular by Code in the Dark has finally made its way to VS Code.marketplace.visualstudio.com이 플러그인을 vscode 로 다운로드.. 2022. 1. 26.
맥북 개발자 개발 환경 설정 (2022 버전) 완전 처음부터. brew install node 1. homebrew 설치 Terminal 에 해당 화면에서 붙여넣으라는 부분을 복사 붙여넣기 하면 된다. 복사 붙여넣기 하는 방법은... 복사 붙여넣으면 된다 ㅎ https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 2. 터미널 커스터마이징 터미널을 본격적으로 사용하기 전에, 터미널(terminal)을 키고 sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)" 다음과 같은 화면이 뜨면 일단 설치는 된 것이고, 설치가 완료가 된 후에는 맨 마지막에 ==>.. 2021. 12. 21.
맥북 기본 필수 세팅 (한영키 포함) - 2022 업데이트 맥북도 새로 샀는데, 이제 세팅을 해봐야 겠다. 여기서 세팅은 Node, terminal 이런 설정이 아니다. 기본적으로 개발을 쉽게, 편하게 할 수 있을 환경 자체를 만들어 놓는 것이지, 세부적인 개발 세팅은 그 사람이 어떠한 개발을 하고 있느냐에 따라 무조건 다르기 때문에, 그 부분은 웹 개발 / 게임 개발 / 앱 개발 등등 나중에 따로 정리하려고 한다. 1. Magnet 이 앱은, 맥북에서 사용하는 탭을 왼쪽/오른쪽 절반 정렬, 전체화면으로 바로 설정 등 화면 분할을 정말 편하게 도와주는 앱이다. 9900 으로 결제를 한 앱인데, 한 번 결제를 해두고 몇년째 너무 펺게 잘 쓰고 있는 앱니다. 드래그를 해서 화면을 분할할 수 있는 기능이 있어, 윈도우를 사용하다가 넘어온 사람들에게 많이 추천을 하는 .. 2021. 12. 21.
MacBook Pro M1 Pro 16 inch 맥북 프로 개봉기 + 설정 드디어 기다리면 맥북 M1 Pro... 이때까지 2016버전 intel i5 듀얼코어 맥북프로로 어떻게 버텼는지 아직도 이해는 가지 않는다. 개발용 맥북 성능 비교... 맥북 프로 2016 13inch 맥북 프로 2021 16inch CPU 듀얼(2)코어 10 코어 칩 intel i5 apple M1 pro 메모리 8G 16G 저장공간 128GB 1TB 진짜 이렇게 보니까 저 말도 안되는 노트북으로 어떻게 일을 했는지 기억 조차 나지가 않는다ㅋㅋㅋ 이번 포스팅은 일단 개봉기 부터. 겁나 이쁘게 배송 온 M1 pro 맥북 프로 16인치.... 배송은 DHL을 통해 빠르고 안전하게 도착하는 편! 스페이스 그레이 색상을 시켰다... 이번의 맥북에서는 달라진 점이라면, 맥세이프 충전, 그 옛날의 자석형 충전기가.. 2021. 12. 21.
스타트업 채용 설명회 '라스콘 2' 스타트업 인사담당자들의 모임 '스타트업유니온'이 주관하고 15개 기업이 참여하는 '라이징 스타트업 콘서트(라스콘) 시즌2: 2021 Happy Snow At Startup Town'이 16일 17에 열렸어요. 저희 회사가 참여하거나 관련이 있는 것은 아니지만, 구직중인 분들과 학생분들께 도움이 될까 해서 가져와 포스팅 해 봅니다... 오늘까지 진행을 하는 것 같은데, youtube 로 라이브 방송을 하기도 하고, 메타버스 플랫폼인 'ZEP' 을 사용해 채용 설명회를 진행했어요. ZEP 은 슈퍼캣이라는 회사가 제테포 운영사와 만들어서 만든 메타버스 인 것 같아요. 초대 링크입니다. 이 링크로 입장 가능해요 https://zep.us/play/yodvnD ZEP - 라스콘2-Happy Snow At Star.. 2021. 12. 17.
Angular 앵귤러 <mat-select> 안에 체크박스 다중선택 checkbox 목록을 여러개 만들어, 여러개 (다중선택)를 선택하여 배열에 담는 것은 웹개발을 하면서 가장 빈번하게 나타나는 부분입니다. 라디오버튼을 여러개 만들어서, 선택을 하는 방법, 혹은 체크박스로 select 하는 방법이 있습니다. 일단 여러개를 입력받아 저장하는 것도 굉장히 귀찮은 일이긴 합니다. 일단은 앞으로도 계속 사용하게 될 다중 선택 기능을 확실하게 잡고 갑시다. 일단 기본적으로 다중선택 기능 구현을 확실하게 익혀두고, 두고두고 사용합니다. 기본을 익히고 나서 심화를 해봅시다. Angular 기준, 즉 typescript 기준이지만, 이 정도의 응용은 할 수 있을 것이라 생각합니다. 만일, 해당 코드를 보고 다른 언어로 변환하기가 힘들다면 댓글을 남겨주세요. 아주 기본적인 것만 적을 것.. 2021. 12. 10.
Angular Timestamp 정리 .toDate() 오류 자꾸 헷갈리는 이 부분 한 번에 정리하고 간다 Timestamp 에도 종류가 있다. 숫자 형대로 나오는 것 혹은, 나노세컨드까지 이렇게 나타나는 firestore의 timestamp 체계. 1. firestore에서 사용하는 timestamp 형식으로 데이터를 생성하려면 import { firestore } from 'firebase-admin'; created_time: firebase.default.firestore.Timestamp.now(), 를 사용한다. firestore.Timestamp.now 가 아니다. 분명히 구분을 해야 한다. 2. firestore 에서 사용하는 timestamp형식을 html 에 뿌려주려 한다면 정말 간단하다 js 에서 별 짓 다 하고 이상한 짓거리 하는 것들도 많이.. 2021. 11. 3.
ToolTip 에서 줄바꿈 break line Angular에서 matToolTip = "" 은 마우스를 올렸을 때에 부연설명을 넣을 수 있다, 하지만 이 부분의 스타일들을 고치는 방법은 좀 특별하다. 이 안에서는 \n 도 돌아가지 않고, &nbsp 와 같은 것도 잘 먹히지 않는다. 이러한 경우 Angular 에서 matToolTip의 스타일을 변경하는 방법에 대해 해결 방법만 간략하게. 일반적으로 style="" 로 넣는다고 적용이 되지 않는다. ::ng-deep .mat-tooltip { font-size: large !important; white-space: pre-wrap; } 설명. 가상 클래스 ::ng-deep가 적용된 CSS는 컴포넌트의 뷰 캡슐화 정책을 완전히 무시합니다. 그래서 ::ng-deep이 적용된 규칙은 전역 스타일 규칙이 .. 2021. 10. 20.
반응형

티스토리툴바