본문 바로가기

분류 전체보기145

웹에 사이드바 레이아웃을 작성하는 방법 및 작성하지 않는 방법 s idebar 레이아웃은 오늘날 웹에서 가장 일반적인 레이아웃 중 하나가 되었습니다. 온라인에는 사용자가 수평 탐색 레이아웃보다 수직 사이드바 탐색 레이아웃을 선호한다는 다양한 연구와 기사들이 있다. 대부분의 일상적인 앱에는 어떤 형태로든 사이드바가 있을 것입니다. 웹에서는 HTML과 CSS로 이 레이아웃을 구현하는 수많은 방법이 있다. 불행하게도 이러한 유연성은 접근성과 코드 가독성을 희생하는 보기 흉하고 진부한 사이드바 구축 방식으로도 이어졌다. 이 기사에서는 이러한 좋지 않은 접근 방식을 살펴보고 사이드바 레이아웃에 가장 적합한 접근 방식을 구축하겠습니다. 우리가 무엇을 만들 것인지 이해하는 것 바탕 화면 왼쪽에는 사이드바가, 오른쪽에는 나머지 콘텐츠가 표시되는 상당히 기본적인 레이아웃을 구축할 .. 2022. 3. 7.
새로운 페이지 오브젝트를 등록하기 전에 자신을 확인합니다. 환영합니다! 다음 10분 동안 페이지 오브젝트 선택기를 견고하게 만들기 위해 어떤 방법을 사용하는지, 그리고 가장 빠른 방법으로 자신을 확인하는 방법에 대해 알아보겠습니다. 문제는 고객이 개발자의 새로운 기능이 테스트로 적용되기를 원합니다. 이미 테스트 사례를 작성했으며 이제 테스트 사례를 자동화해야 하는 과제를 안고 있습니다. 응용 프로그램 페이지의 요소와 이러한 요소로 작업하기 위해 테스트에 사용하는 방법에 대해 설명해야 하는 많은 루틴을 수행해야 합니다. 하지만 매번 테스트를 실행하지 않고 원하는 단계로 통과할 때까지 기다리는 방식으로 요소를 설명할 수 있는 방법이 있을까요? 알아보자 #1 개발자와 협상을 시도합니다. 이 점은 명백해 보인다. 우리는 한 가지 제품을 작업 중이고 개발자는 그것을 테스.. 2022. 3. 7.
HTML 및 CSS를 사용하여 응답 등록 양식을 만들었습니다. 여러분 안녕하세요! 여러분 모두 잘 지내시길 바랍니다. 오늘은 HTML과 CSS만을 사용하여 응답형 등록 양식을 만든 방법을 시연하겠습니다. 제가 만든 이 등록 양식은 HTML과 CSS를 사용하여 가장 아름답게 구성되고 디자인된 웹페이지입니다. 초보자로서 HTML과 CSS가 뭔지 아시겠죠? 아니! 그것들은 엄밀히 말하면 프로그래밍 언어가 아니야. 그들은 구조와 설계를 웹 개발로 만드는데 사용된다. 그럼 HTML과 CSS를 사용하여 응답형 등록 양식을 만드는 것부터 시작하겠습니다. 소스 코드: (HTML) Registration Full Name Username Email Phone Number Password Confirm Password Gender Male Female Prefer not to say.. 2022. 3. 7.
CSS: 체계적이고 이해하기 쉬운 상태로 유지 이번 주 초에 저는 HTML을 체계적이고 이해하기 쉽게 유지하는 것에 대한 기사를 실었습니다. 오늘 저는 CSS와 조직과 계획의 중요성에 대해 말하려고 합니다. 앞서 언급했듯이, 저는 다시 한번 고려해보았습니다: 훌륭한 코드를 작성할 때 자신에게 물어보는 것이 무엇이 중요합니까? 다른 개발자가 쉽게 이해할 수 있는 방식으로 작성되었나요? 쉽게 수정할 수 있나요? 확장 가능합니까? 즉, 이 코드베이스가 성장에 적응할 수 있을까요? 우리는 다시 첫 번째 질문을 고려할 것입니다, 하지만 이번에는 Cascading Style Sheet와 관련하여. 2022. 3. 6.
코드의 시간적 결합 이해 구심 결합: A 구성 요소의 작업은 B, C, D의 구현에 의존해야 합니다. 도메인 이벤트별 타이밍 분리 이벤트 손실 처리 방법 기껏해야 한 번 이상 정확히 한 번 방출 손실 처리 방법 결론 이벤트 손실 여부와 상관없이 가장 간단한 아키텍처인 EventEmitter를 사용하면 됩니다. 이 방식이 가장 단순하고 80%의 경우 문제가 없을 수 있지만 문제가 생기면 어떻게 해야 할까요? 최대한 신뢰할 수 있도록 시도하고 있으므로 문제가 없을 것을 99% 확신하는 메시지 큐를 도입하십시오. 하지만 여전히 1%의 위험이 감내할 수 있을까? 이벤트 소싱을 구현하려면 복잡성이 증가하고 성능에 영향을 미칠 수 있습니다. 이게 받아들여질까요? 2022. 2. 15.
2022년에 꼭 사용해야 할 11가지 놀라운 프런트엔드 개발 툴 1. 대응력 2. 차트.css 3. 그림 그리기 4. 공용 API 5. 유리형태성 CSS 생성기 6. UiGradients 7. 기티뇨르.이오 8. iHateRegex 9. 극장 10. 머리 없는 UI 11. 더 예쁜 결론 2022. 2. 15.
무료 뉴스레터 구독 2022. 2. 15.
JavaScript Bundler를 사용하는 이유 JS 파일 수 감소 코드베이스를 잘 정의된 여러 파일로 분할하여 유지할 수 있습니다. 배포할 수 있도록 코드를 큰 파일로 번들로 제공합니다. node_modules에서 쉽게 가져오기 운영 서버에 node_messages를 배포하고, 가져올 파일의 상대 경로를 사용합니다. var _ = require('../node_modules/lodash/lodash.js'); var _ = require('../../node_modules/lodash/lodash.js'); 다른 파일 형식 가져오기 import './core.js'; import './style.css'; const template = require('./view.html'); 전치부호 코드 축소 변수에 의미 있는 이름 지정 코드 들여쓰기 다른 개발.. 2022. 2. 15.
7. 점 연결 - Big O 및 해시 테이블 데이터 구조 충돌 처리: 출력: 기타 관련 기사: 점 연결 - Big O 및 어레이 데이터 구조 점 연결 - Big O 및 Linked List 데이터 구조 점 연결 - Big O 및 트리 데이터 구조 점 연결 - Big O 및 스택 데이터 구조 점 연결 - Big O 및 큐 데이터 구조 점 연결 - 빅 O 및 그래프 데이터 구조 이 기사: 점 연결 - Big O 및 해시 테이블 데이터 구조 참조: 2022. 2. 15.
JavaScript를 배우기 위한 최고의 YouTube 채널 2022. 2. 15.
어떻게 하면 업계에서 준비된 소프트웨어 개발자가 될 수 있을까? 필수 조건: 하지만 잠깐, 만약 네가 B-테크 학위를 가지고 있지 않다면? 프로그래머는 문제 해결자이다. 공동 작업 학습 오픈 소스 프로젝트에 참여합니다. 일자리와 인턴십을 찾기 시작하세요. 2022. 2. 15.
많은 프로그래머도 모르는 재미있는 프로그래밍 사실 8가지 1. Java, Python, JavaScript 및 기타 10개 언어가 전부가 아닙니다. 2. 첫 번째 컴퓨터 바이러스는 그리 오래되거나 새롭지도 않다. 3. 프로그래밍 언어에도 악플러가 있다. 4. 첫 번째 컴퓨터 게임은 얻는 것이 없다. 5. 컴퓨터 프로그래밍은 2차 세계대전을 끝내는 데 도움을 주기도 했다. 6. 첫 번째 버그는 실제 버그였다. 7. 미친 시인의 딸이 최초의 프로그래머가 되었다. 8. 첫 번째 컴퓨터는 전기를 전혀 사용하지 않았어. 2022. 2. 15.
신입 프로그래머에게 첫 출근 날 주는 9가지 조언 배우고자 하는 자신을 보여라 (더 잘 할 수 있다는 것을 알더라도 겸손하세요. 아무리 당신이 옳다고 해도 그들은 새로운 프로그래머에게 거의 관심을 기울이지 않으니, 그것에 대해 너무 나쁘게 생각하지 마세요. 대신, 그는 당신의 아이디어를 약에 먹이고 혁명가는 아닙니다. 그는 대신 다른 사람의 아이디어를 분해하는 것을 피합니다. 그는 그것들을 개선할 방법을 찾는다. 모든 사람의 일을 개선할 수 있는 방법을 기꺼이 돕고 제안하세요. 당신이 성공하지 못할지라도, 그 태도는 특히 동료들 사이에서 높이 평가될 것이다. 성과가 없을 것 같으면 우울해하지 마세요. 처음에 인식은 항상 같습니다. 그러니까 기준을 높게 유지하되, 너무 기대는 하지 마세요. 동료/상사의 조작 방식에 적응하되, 잘못된 기술을 습득하지는 마십.. 2022. 2. 15.
JavaScript 함수: 매개변수 대 인수 매개 변수 function multiplyByTwo(whatever) { return whatever * 2; }; 논쟁들 multiplyByTwo(6); //=> 12 이제 '아무거나'라는 단어로 조금 놀아봅시다. let whatever = 10; whatever; //=> 10 multiplyByTwo(whatever); //=> 20 whatever = 15; multiplyByTwo(whatever); //=> 30 multiplyByTwo(8); //=> 16 또 다른 기능을 소개합니다. function addTwoNumbers(a, b) { return a + b; } addTwoNumbers(1, 2); //=> 3 multiplyByTwo(addTwoNumbers(1, 2)); //=> 6.. 2022. 2. 15.
JavaScript를 사용하여 브라우저에서 오디오 캡처 네비게이터란? 오디오 캡처를 위한 응용 프로그램 상태 이니셜: 응용 프로그램의 시작입니다. 여기에서는 시작 메시지와 녹화를 시작할 수 있는 버튼이 표시됩니다. 녹음: 여기서는 오디오를 녹음하고 녹음을 중지할 수 있는 버튼이 있습니다. 다운로드: 녹음된 오디오를 재생하거나, 오디오를 다운로드하거나, 다시 녹음할 수 있는 상태입니다. 오류: 응용 프로그램은 클라이언트 브라우저가 mediaDevices API를 지원하지 않는 경우에만 이 상태가 됩니다. 2022. 2. 15.

티스토리툴바