목록전체 글 (88)
Rainbow
CSS 방법론 BEM 개념 BEM : Block, Element, Modifier 구성된 클래스 이름을 짓는 CSS방법론이다 Id에서 사용하지 않고 오직 CSS명에만 활용할 수 있다 "어떻게 보이는가" 아니라 "어떤 목적인가 에 따라 이름을 짓는다 BEM 방법론은 다음과 같다 블록(Block) : 재사용 가능한 독립적인 블록요소이고, 사용자 인터페이스(ul) 의미 있는 부분을 나타낸다 블록은 일반적으로 하이픈(--)으로 구분된 단어 또는 짧은 단어 조합으로 되어있다 블록의 예로는 헤더, 푸더, 버튼, 내비게이션메뉴 예시 → header, footer, Button, nav--menu 요소(Element) : 블록을 구성하는 종속의 하위요소이다 블록 내에서 특정 기능을 수행하며 블록 외부에서는 사용할 수 ..
[개발상식] 프레임워크(Framework) 와 라이브러리(Library)의 차이 :: 코딩 공부 일지 (tistory.com) [개발상식] 프레임워크(Framework) 와 라이브러리(Library)의 차이 🚀 "프레임워크와 라이브러리의 차이를 아시나요?"" "음... 프레임워크는 뼈대이고 라이브러리는 모듈 같은 것이고....😰" "그럼 최근에 사용하신 프레임워크와 라이브러리를 알려주세요." "... ex cocoon1787.tistory.com
UX( User experience, 사용자 경험 ) - 사용자가 어떤 시스템, 서비스, 제품 등을 직, 간접적으로 이용하면서 느끼는 총체적 경험이라고 할 수 있습니다. 예를 들어, 우유를 사기 위해 쇼핑앱을 사용한다고 가정해 봅시다. 앱을 처음 실행했을 때 우리가 보게 되는 앱의 화면에서, 내가 원하는 메뉴를 쉽게 찾을 수 있는지, 우유에 대한 정보(가격이나 유통기한 등)는 명확하게 제공되는지, 결제 프로세스는 쉬운지, 배달이 잘못되었을 때는 어떻게 대응하는지와 같은 우유를 사기 위한 과정상의 경험 모두가 UX라고 생각할 수 있습니다. 맞습니다! 시작부터 끝까지, 하나하나 신경 써야 하는 UX이다. UI( User Interface ) - 컴퓨터라는 시스템과 사용하는 사람의 접점에 존재하며, 사람이 생..
프레임워크 : 원하는 기능 구현에 집중하여 개발할 수 있도록 일정한 형태와 필요한 기능을 갖추고 있는 골격, 뼈대를 말한다 사용설명서 - 애플리케이션 개발시 필수적인 코드, 알고리즘 DB 연동과 같은 기능들을 위해서 어느정도 뼈대(구조)를 제공하며 뼈대 위에 사용자 코드를 작성하여 애플리케이션을 개발한다 앱/서버 등의 구동, 메모리 관리, 이벤트 루프 등의 공통된 부분은 프레임워크가 관리하며, 사용자는 프레임워크가 정해준 방식대로 클래서, 메서드들을 구현하면 됩니다. 라이브러리 : 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임. 즉 특정 기능을 모와둔 코드, 함수들의 집합이며 코드 작성 시 활용 가능한 도구들을 의미합니다. 제이쿼리 라이브러리 - jquery를 이용해 반복문을 사..
객체보다 더 큰 정리정돈의 도구를 배운다. 파일쪼개기 이것을 사용하면 아무리 웹 페이지가많아도 감당할 수 있게 된다. 을 옮기면 작동하지 않는다! 가 따라가지 않았으니까 복붙복붙 반복반복 1억개라면?(feat. 극단) powderblue를 수정하려면? 절망 자 colors.js를 만듭니다. 내부를 옮겨주고, 원래 있던 script에 src="colors.js" 요소를 붙여줍니다. 폭발적 효과! colors.js만 include(참조)한다면 가독성이 좋아지고, 코드가 훨씬 명확해지고, 유지보수도 쉬워진다. 자 장점 한가지 더 inspect(검사) network tab을 보면 브라우저가 colors.js를 cache합니다. 돈이 아니라 저장해 둔 것. 이제 사용자와 서버 모두 네트워크 트레픽이 줄고, 속도도..
5. 변수와 대입연산자 - x=1; - y=1; - x+y=2 - x=1000 - y=1000 - x+y=2000 - 1=2 (1에다가 2를 대입한다는 의미. 2는 대입연산자(우항)), 1은 상수 -variable vs constant - name = 'egoing'; (*실행을 유보하고 싶을 때는 쉬프트 엔터를 친다) => "asdfsadfsadf"+name+"123sadfasdfsaf"+name+"adsfasdfs" - 변수를 설정할 때는 var을 붙인다 - var name = 'leezhe'; - alert("1231wfdskafd"+name)