본문 바로가기

분류 전체보기78

CSS 네이밍 / CSS 클래스 네임 방법론 BEM 알아보기 1. BEM이란?Block, Element, Modifier를 뜻합니다 보통 클래스 네임을 정할때 사용하는 방법론 중에 하나로BEM은 기본적으로 ID를 사용하지 않고, class명만을 사용합니다.즉, 어떤 목적인가에 포커스가 맞춰져 있습니다.개발, 디버깅, 유지보수를 위해 가능한 한 명확하게 네이밍 하는 것이 목표입니다.모든 것이 클래스이고 중첩된 것은 없어야 합니다. 2. BEM 네이밍 장점- 목적과 기능을 명확히 전달한다- css만으로 구조를 알 수 있다. (sass, scss와 사용하기 편하다)- css 명시도를 항상 낮은 수준으로 유지하기 때문에 구체성으로 인한 코드의 길어짐을 방지할 수 있다.- 높은 재사용성과 대규모 css를 효율적으로 관리할 수 있다 3. BEM 사용법BEM의 class명은.. 2024. 5. 2.

기사 / 딜라이트룸의 행보, 디지털 헬스케어 스타트업에 전략적 투자 2024.04.23 플래텀딜라이트룸, 디지털 헬스케어 스타트업 ‘사운더블 헬스’에 전략적 투자 딜라이트룸, 디지털 헬스케어 스타트업 ‘사운더블 헬스’에 전략적 투자 platum.kr더보기글로벌 모닝 웰니스 앱 ‘알라미’ 운영사 딜라이트룸이 디지털 헬스케어 스타트업 ‘사운더블 헬스’에 전략적 투자를 진행했다. 금액은 비공개이다. 사운더블 헬스는 각종 질환을 측정할 수 있는 소리 분석 기술을 개발하는 스타트업이다. 스마트폰이 수집한 배뇨, 기침 소리 등을 인공지능(AI)로 분석해 질환 중증도를 확인한다. 2020년 미국 식품의약국(FDA)에 2등급 의료기기로 등재된 남성 비뇨기 질환 관리 앱서비스 ‘프라우드피(proudP)’, 배뇨량 자동 측정 및 배뇨일지 작성 앱 ‘블래덜리(Bladderly)’와 호흡기 .. 2024. 5. 1.

CSS 네이밍 / CSS 표기법 kebab-case, snake_case, camelCase, PascalCase 알아보기 1. 표기법의 필요성 프로그램밍 언어 가이드라인으로 공통된 표기법이 있습니다개발자들이 개발하는데 있어서 코딩컨벤션이 존재하여 일관된 코딩스타일을 위해 필요하며생산성을 높힐 뿐 아니라 코드 분석에 대한 이점을 가질 수 있습니다. 2. 표기법의 종류kebab-case케밥 케이스단어 사이를 대시(-)로 구분하며모든 단어가 소문자로 구성꼬챙이 꽂은 것과 비슷해서 케밥으로 사용snake_case스네이크 케이스언더바(_)가 들어 있는 표현방식뱀처럼 생겼다고 하여 붙여지며 모든단어의 문자가 소문자 or 대문자로 사용프로그래밍 언어 중Python, Ruby, Rust, Go 등이 변수와 함수 이름을 snake_case로 권장하고 있음camelCase카멜 케이스첫 글자는 소문자이며 중간글자들은 대문자로 진행 이 모습이 .. 2024. 4. 30.

설정 / LoL mac M1 설정 M1 맥북으로 리그오브레전드 게임을 하기 위한 설정입니다1. 설치 폴더 설정폴더 경로 : 응용프로그램 > LoL > Config > game.cfg - game.cfg 파일 선택 후 오른쪽클릭 > 다음으로 열기 > 텍스트 편집기- 편집기로 game.cfg 파일을 열고 [General] 구간 최하단에 MetalBetaTest=true 추가 2. 게임 화면 설정클라이언트 / 일반저사양 모드 활성화 체크게임 중에는 클라이언트 완전히 끄기 항상 선택( 게임 종료 후 클라이언트 다운 방지 ) 마우스 포인터를 흔들었을 때 포인터가 커진 경우설정 > 손쉬운 사용 > 디스플레이 > "마우스 포인터를 흔들어 찾기"를 해제해 주세요. 2024. 4. 26.

SNS / 프로필 설정에서 연결할 무료 멀티 링크 서비스 사이트 SNS 프로필 설정, 외부 링크 사이트 궁금하셨죠?SNS 프로필 설정 보면 멀티 링크 사이트 보신 적 있으시죠?저는 이거 비즈니스 또는 크리에이터들만 가능한 줄 알았는데 일반인들도 쌉가능입니다. 팔로워 좀 늘었다 싶으면 쿠팡 파트너스 가입하시고, 멀티 링크 달아보세요또는 자주 묻는 제품 질문들을 링크로 연결해서 대답하기 귀찮은 부분들을 해결해 보세요! SNS 운영 시 알아두면 좋을 팁! 멀티 링크 사이트 모음입니다. 1. 인포크링크- 가장 편리한 멀티링크 서비스 (비즈니스 문의 기능 사용 가능) [ 인포크링크 사용법 알아보기 ] 인포크링크 - 가장 편리한 멀티링크 서비스전하고 싶은 모든 이야기로 당신의 높은 가치를 보여주세요link.inpock.co.kr 2. 링크트리- 무료 소셜 랜딩 페이지 (sho.. 2024. 4. 25.

가입 / 무료 멀티 프로필 사이트 인포크링크 사용법 1. 회원가입 사이트에 접속 후 약관동의, 정보 입력해 주면 끝 회원가입 | 인포크링크 마케팅 메일/SMS 수신 link.inpock.co.kr 2. 사용 방법 아래 주황색 + 동그란 버튼 클릭 > 블록 선택하기 팝업에서 맨위 링크 클릭 링크 플록 페이지로 넘어가면 스타일 선택 후 연결할 주소 입력하면 나머진 자동으로 관련 내용들이 추가됨 추가가 안될 시엔 직접 입력도 가능! 개발하면 개발자 멀티 링크 사이트 완성!! brioriot | 인포크링크 brioriot님의 링크페이지를 구경해보세요 👀 link.inpock.co.kr 4. 기능 확인 및 결제 관련 배이직과 프로로 멤버십 플랜 사용이 가능하며 베이직 플랜도 무료로 무제한 링크 생성이 가능!! 2024. 4. 23.

자료 / 특수문자 리스트 (MAC 사용자를 위한) 1. MAC 특수문자 단축키 (맥 이모지 단축키)- Fn + E - control + command + space- 마우스 우클릭 그림 이모티콘 및 기호를 클릭- 상단 상태바 키보드 아이콘에서 이모티콘 및 기호 보기 클릭2. MAC 사용자를 위한 윈도우 특수문자 한자키가 없는 MAC에선 윈도우 자음+한문을 누르면 나오는 특수문자 사용법을 잘 모르겠다.！＇，．￣：； ‥ … ¨ 〃 ― ∥ ＼ ∼ ´ ～ ˇ ˘ ˝ ˚ ˙ ¸ ˛ ¡ ¿ ː ＂（）［］｛｝ ‘ ’ “ ” 〔〕〈〉《》「」『』【】＋－＜＝＞ ± × ÷ ≠ ≤ ≥ ∞ ∴ ♂ ♀ ∠ ⊥ ⌒ ∂ ∇ ≡ ≒ ≪ ≫ √ ∽ ∝ ∵ ∫ ∬ ∈ ∋ ⊆ ⊇ ⊂ ⊃ ∪ ∩ ∧ ∨ ￢ ⇒ ⇔ ∀ ∃ ∮ ∑ ∏\ ＄％.. 2024. 4. 22.

설정 / 독거미 AURA F87 PRO 기계식 키보드 기능 설정 독거미 키보드, 아우라 F87 기계식 키보드 사용 방법! 기계식 키보드 기능 설정 및 변경 방법 1. 연결방법 유선 연결방법 - 토글(모드 전환 스위치)은 C-type 이미지에 놓고, - USB Tyoe-C에 연결할 장치와 C타입 선을 연결합니다. 무선 2.4G (와이파이) - 토글(모드 전환 스위치)은 와이파이 이미지에 놓고, - 키보드에 장착되어 있는 USB수신기를 꺼내 연결할 장치에 꽂습니다. - 잡히지 않는다면 수동으로 Fn + `(숫자 1키 왼쪽에 있는)키를 동시에 3초간 길게 누르면 하늘색으로 깜빡이며 연결됩니다. 블루투스 연결방법 - 토글 (모드 전환 스위치)은 블루트스 이미지에 놓고, - Fn + 1(숫자 1)키를 동시에 3초간 길게 누르고, - 연결할 장치에서 블루트스로 AURA-F87 .. 2024. 4. 21.

장비 / 독거미 AURA F87 PRO 기계식 키보드 구입기 01. 구입기 맥북을 쓰고 있고, 개발을 시작하고 타이핑량이 늘어나다보니.. 맥북 키보드를 오래 치면 손가락 첫번째 마디가 너무 아프다 ㅜㅜ 기계식 키보드를 알아보다가 IT섭님 채널에서 보던 8Bitdo 키보드가 맘에 들었었는데.. 레이니 75 키보드를 설명에 홀렸다가 입문은 가성비가 좋지 않을까 싶어서 독거미 키보드 정발VS직구 (채널명 :it섭) 이 영상에 낚여서 황축으로 구매함 사실은 기다리는거 잘 못해서 제일 빨리 오는 제품으로 구입한건 안비밀;; 02. 타건 키보드가 맥북 쓰기 전 조립 PC 시절 1~2만 원대 키보드랑 비주얼 적으로 차이가 없어서 키캡도 구매! 원래 키캡이 체리키 블랙으로 되어 있었고, 현재는 XDA! 타이핑시 아직까진 손가락에 무리 오는 것은 느낄 수 없었다. 소리는 아래 동.. 2024. 4. 21.

Expo / 기본 셋팅 파일 설명 1. 앱 개발 할 폴더 만들기 npx create-expo-app Victory // Victory = 앱이름 터미널에서 위 코드를 실행 시키면 기본틀 셋팅이 진행 됩니다. 2. 엑스포 기본틀 파일 설명 assets 앱이 동작되고 서비스되는데에 기본적으로 가지고 있는 이미지 및 아이콘 파일들을 담는 폴더 node_modules 리액트 네이티브&Expo로 앱을 만들면서 설치하게 되는 많은 라이브러리들이 저장되는 장소 App.js - 리액트 네이티브 앱이 시작되는 출발선 및 진입점으로 웹으로 따지면 index.html 또는 main.html처럼 메인 파일 - 앱이 시작될 때 필요한 준비들(필요한 이미지 준비, 필요한 폰트들 준비)을 하는 장소 - 준비를 할때 준비중입니다~라는 화면도 띄워주는 곳으로 준비가 .. 2024. 4. 19.

ZUM / 줌 검색서비스 점유율이 많이 낮지만, 알집, 알약으로 인한 강제 설치가 되고 있는 zum에도 검색되도록 해볼까요? 블로그는 네이버 블로그 밖에 지원을 안한다고 합니다;;;;; 1. ZUM 고객센터 접속 고객센터 - zum 등록 안내 : NAVER 블로그만 가능합니다. 그외 블로그는 줌봇이 자동으로 크롤 합니다. zum 블로그 등록 요청은 naver블로그만 가능합니다. 그외 블로그는 활동성이 높아지면 줌봇이 자동으로 크롤 help.zum.com 2. 검색 서비스 등록 2024. 4. 18.

NAVER / 네이버 서치어드바이저 설정하기 개인 블르그 및 개인사이트가 네이버에서 검색되려면 네이버 서치어드바이저에 등록해 보세요 1. 네이버 서치 어드바이저 접속하기 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 2 사이드 주소 등록 오른쪽 상단 웹마스터 도구 클릭 후 사이트 주소 입력 후 등록 사이트 소유 확인을 진행해 주시면 됩니다. 소유 확인 방법은 2가지 중 1가지를 진행 후 소유 확인을 클릭 하시면 됩니다 html 파일 업로드를 하거나, html 태그를 복사 후 등록 사이트 및 블로그 html 편집 부분에서 섹션에 추가해 주시면 됩니다. 3. 사이트맵, RSS 제출 소유 확인 된 주소를 클릭 후 왼쪽 메뉴에스 요청 > 사이트 제출 클릭 후 사이트주소/sit.. 2024. 4. 18.

google AdSense / 구글 광고 설정하기 1. 구글 애드센스 접속하기 Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. adsense.google.com 2. 광고 설정하기 메뉴에서 광고 > 사이트 옆 연필 아이콘 클릭합니다. 광고 설정 미리보기 설정 화면에서 자동광고 클릭 후 사이트 적용을 클릭하면 됩니다 2024. 4. 18.

tistory / 블로그 초기 셋팅 1. 티스토리 회원가입 Tistory 좀 아는 블로거들의 유용한 이야기 www.tistory.com 티스토리 회원 가입을 진행해 주세요. 아이디 1개당 블로그는 최대 5개까지 운영 가능합니다. 2. 관리 설정 관리 > 블로그 주소설정 포스트 주소를 숫자에서 문자로 변경 ( 구글 및 티스토리 노출에 도움이 됨 ) 기타 설정 RSS 전체 공개, 공개할 갯수는 50개로 설정 ( rss는 최신 글을 빠르게 업데이트 해주는데 도움을 줌 ) 3. 플러그인 연결하기 마우스 오른쪽 클릭 방지 적용클릭 구글 서치콘솔 플러그인 > 구글 서치콘솔 클릭 계정 연결하기 클릭 > 구글 로그인 > 동의 절차 진행 > 연결완료시 적용 클릭 바로가기 클릭 후 > Sitemap에서 상태 성공 여부 확인 > rss 추가 4. 수익 연결하.. 2024. 4. 17.

Expo / 하이브리드 앱 & 웹앱 개발 초기 셋팅 1. Expo 회원가입 Sign Up — ExpoCreate an account for Expo here.expo.dev하이브리드 어플제작을 위해 Expo에 회원가입! 2. 개발 컴퓨터에 Expo 로그인 진행npx expo login...expo 이메일 or 아이디, 패스워드 입력 입력하면 로그인 완료!윈도우는 cmd 맥은 terminal에서 명렁어를 치고 엑스포에 로그인 합니다. 3. 비주얼 스튜디오 코드에서 앱 개발 관련 기본 셋팅 진행npx create-expo-app 앱이름 //npx create-expo-app 명령어로 기본 앱 생성터미널에서 개발할 앱 이름의 폴더를 만든 후 기본틀 셋팅이 진행됩니다.npx로 원격에 있는 명령어들 중 create-expo-app을 사용해서 앱을 초기화 진행(np.. 2024. 4. 17.

이전 1 2 3 4 다음

티스토리툴바