전체 글

참고페이지 https://www.jandi.com/landing/kr JANDI - AI로 진화한 메신저 기반 업무용 협업툴메신저의 잠재력을 깨운 AI 협업툴 잔디는 맥락 요약, 향상된 정보 검색 그리고 생성으로 개인과 조직의 생산성을 한 번 더 끌어올립니다.www.jandi.com sticky를 사용해 이미지 소개 페이지를 만들어 보았다.sticky가 쉬우면서도 어려운.. 속성 같다😵😵

jQuery로 `slideDown()`, `slideUp()` 으로 편하게 작업했었는데 이번에는 자바스크립트로 스크립트를 짜보았다. `accSlide()` : 해당 버튼 클릭 시 자신만 닫힘`accOtherSlide()` : 해당 버튼 클릭 시 다른 버튼 닫힘  해당 버튼만 toggle 버튼1 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti laudantium consequatur cumque repellendus, sit ducimus iste doloremque accusantium autem. Itaque, voluptatum. Dolorum ratione laborum..

웹접근성 프로젝트를 하면서 새롭게 알았던 점, 의외였던 점이 많았다.왜 이렇게 까지 해야 할까 라는 의구심이 들수도 있지만 직접 경험해보면 이해와 납득이 되는 점이 많았다.접근성은 프로젝트마다 검수방법이 조금씩 다르다고 하던데 이 글을 읽고 '이런게 있고 유의해야 겠다' 라는 생각으로 보았으면 좋겠다✍️✍️  (1) 헤딩태그`h1` : 로고링크 영역`h2~h3` : 컨텐츠 타이틀시각장애인 사용성을 고려했을 때 `h1`태그는 대부분 "홈"으로 인식해 로고로 사용한다.단, SEO 위해 `h1`을 로고가 아닌 본문 타이틀로 하는 경우도 있다. (2) 이미지 alt`` 에서 이미지 설명 부분인 `alt`는 200자 넘어가면 스크린리더 사용자가 내용을 인지하기가 어렵다고 한다.이를 대체텍스트(blind) http..

gulp 빌드 도구를 사용해 작업하는 중에 스스로 세팅 작업을 시작해보는게 좋을 것 같아 시작하게 되었다.생각보다 세팅하는데 시간이 좀 걸렸다😂 그래도 gulp에 대해서 깊게 알아보는 시간이 되었다. Gulp 란nodejs와 npm 기반의 웹 개발을 위한 프로세스 자동화 도구 중 하나이다.주로 퍼블리싱 작업에 사용되며 HTML, CSS, JavaScript 파일을 자동으로 컴파일하거나 최적화하고, 파일 변경을 감지하여 브라우저를 새로고침하거나 라이브 리로드를 제공한다. gulp는 *stream(스트림)기반의 build system 이다.또한 node.js와 gulp의 특징인 이벤트 루프와 *비동기I/O를 기반으로 gulp가 작업(task)을 처리한다. *stream이란?- 데이터를 '조각단위' 로 처리..

맨날 깔짝깔짝 대기만 하다가 그나마 했던 것도 다시 잊어버릴 거 같아서 시작해보려고 한다...!🔥🔥🔥🔥 한시간만이라도 앉아서 이것저것 찾아보고 준비해야지 ⭐⭐⭐⭐리액트 뿐만 아니라 자바스크립트나 ui구현도 하나씩 해보자⭐⭐⭐⭐

주석을 달 때 수정사항으로 오늘 날짜를 넣는 경우가 많다.단축키를 사용하여 오늘 날짜를 넣어 보자. 순서vscode에서 Preferences: Open Keyboard Shortcuts (JSON) 선택.ctrl + shift + , 또는 F1 맥은 ⌘Command + ⇧Shift + PPreferences: Open Keyboard Shortcuts (JSON) 검색keybindings.json 안에 아래 코드 넣기[ { "key": "ctrl+t", // 단축키 지정 "command": "editor.action.insertSnippet", "when": "editorTextFocus", "args": { "snippet": "$C..

웹서치하다가 swiper demo 참고용으로 보기 좋아서 업로드해본다. 참고 웹사이트https://b-risk.jp/blog/2022/04/swiper/ 【最新】Swiperの使い方・カスタマイズを解説！サンプルやオプション15個付き ー基礎から応用Webサイトのコーディングをするなら必修とも言えるスライダー。 スライダー実装用のJSプラグインはいろいろありb-risk.jp

전체(global)와 해당 프로젝트(local)에 맞는 사용자 이름, 이메일을 설정과 수정, 삭제를 알아보자. 먼저 등록된 이름, 이메일 확인 전체확인 $git config --list 이름, 이메일 확인 $git config user.name $git config user.email git global (전체) 해당 터미널 전체적으로 쓸 git account 설정 및 수정 $git config --global user.name "설정할이름" $git config --global user.email "설정할이메일" git local (해당 프로젝트) 해당 프로젝트에서만 적용할 git account 설정(다른 계정의 저장소를 써야 하는 경우) 및 수정 지정할 저장소로 이동 후 터미널에 아래 명령어 입력 $..