connecting dots

https://github.com/Dev-FE-1/Toy_Project_Team_1 GitHub - Dev-FE-1/Toy_Project_Team_1: 토이 프로젝트 1_사내 인트라넷 시스템 개발을 위한 1팀의 레포지토토이 프로젝트 1_사내 인트라넷 시스템 개발을 위한 1팀의 레포지토리입니다. Contribute to Dev-FE-1/Toy_Project_Team_1 development by creating an account on GitHub.github.com  막 가나다라를 배웠는데 글을 쓰라는 과제를 받은 기분으로 시작했다초반 기획 회의에서 '코드 컨벤션도 비슷하게 갈까요 ?' 하는데컨벤션이 뭔지 몰라서 크롬에 바쁘게 검색하면서도표정은 평화로움을 유지하는, 물 안에서는 바쁘고 바빴다토스트 팝업이..

SPA 방식Single Page Application(SPA)는 단일 HTML 페이지로 구성된 웹 애플리케이션 방식입니다. SPA에서는 페이지 전환이나 데이터 로드 시 전체 페이지를 새로 고치지 않고, 필요한 부분만 동적으로 업데이트합니다. JavaScript를 사용하여 클라이언트 측에서 이러한 작업을 처리합니다. 왜 SPA를 사용할까?  • 빠른 사용자 경험: 페이지 전환 시 전체 페이지를 다시 로드하지 않아서 더 빠르고 부드러운 사용자 경험을 제공합니다. • 부드러운 내비게이션: 전체 페이지를 새로 고치지 않으므로 사용자 인터페이스가 더 부드럽고 자연스럽습니다. • 효율적인 서버 통신: 필요한 데이터만 서버에서 가져오므로 네트워크 사용량이 적습니다. SPA의 작동 원리  1. 초기 로드: 애플리케이션..

BBlock; 그 자체로 의미가 있는 독립적인 부분header, container, menu, checkbox, input  EElement; 독립적인 의미가 없고 해당 블럭과 연결된, 블록의 일부block에 의존적인 형태로 block 안에서만 의미를 가짐block 뒤에 '__'를 붙여 사용header__title, menu__title, checkbox__caption MModifier; 속성해당 부분이 다르게 동작하거나 색상 등의 스타일이 다른 경우 사용block이나 element 뒤에 '--'를 붙여 사용 - 불리언(boolean) 타입active 상태로 속성을 주는 것--> active 상태가 true라고 가정하고 사용  메뉴 1 메뉴 2   https://www.youtube.c..