![]()
1. Component Driven Development (CDD) 조립해나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어나가는 개발 방식. BBC나 UN 등이 이 방법을 활용하고 있다. 재사용할 수 있는 컴포넌트를 개발할 수 있고, 상향식 개발에 적합한 방식이다. 1) 구조적인 CSS 작성 방법의 발전 구조화된 CSS가 필요해진 이유 프로젝트의 규모나 복잡도가 커짐 함께 작업해야할 팀원 수가 늘어남 모바일, 태블릿 등 다양한 디바이스의 디스플레이를 커버해야함 => 효율적으로 CSS를 작업하기 위해 구조화된 CSS가 필요해졌다! (1) CSS 전처리기(CSS Preprocessor) CSS가 구조적으로 작성될 수 있게 도움을 주는 도구. CSS를 작성할때 발생하는 반복적인 작업들을 변수와 함수, 상속 등..
문제 설명 i팩토리얼 (i!)은 1부터 i까지 정수의 곱을 의미합니다. 예를들어 5! = 5 * 4 * 3 * 2 * 1 = 120 입니다. 정수 n이 주어질 때 다음 조건을 만족하는 가장 큰 정수 i를 return 하도록 solution 함수를 완성해주세요. i! ≤ n 제한사항 0 { if (number
문제 설명 문자열 before와 after가 매개변수로 주어질 때, before의 순서를 바꾸어 after를 만들 수 있으면 1을, 만들 수 없으면 0을 return 하도록 solution 함수를 완성해보세요. 제한사항 0
요약정리한 파일을 잃어버렸다가 다시 찾아서 지금 업로드함 1. Command-Line Interface 입력소스 : 컴퓨터에 새로운 명령을 전달하는 모든 소스. (키보드, 마우스, 카메라, 마이크 등) 출력 : 입력 소스에 의해 또는 작성된 프로그램에 의해 사용자가 인식할 수 있도록 하는 일 (모니터에 화면 출력, 음악 재생시 스피커에서 소리가 나는 것 등) 모니터와 스피커는 출력소스. I/O(Input/Output) : 컴퓨터를 조작하기 위한 입력과 출력. 리눅스의 터미널은 키보드 입력과 모니터 출력으로 모든 작업을 할 수 있다. 리눅스 터미널은 GUI 이전부터 컴퓨터 조작을 위해 사용되었기 때문에 GUI로 가능한 모든 작업은 CLI로도 가능하다. 다만 키보드 입력시 모니터에 글자로 출력하기때문에 GU..
![]()
(1) Read, Create https://1ncomparable.tistory.com/204 [React] 바닐라 JS 게시판 리팩토링 (1) - Read, Create 바닐라 JS로 제작했었던 게시판을 리액트로 리팩토링해보기로 했다. 구현 목표는 아래와 같다. 🧱 구현 목표 바닐라 JS로 구현했었던 모든 기능에 더해 추가 기능 구현하기 게시글 목록 보기 게 1ncomparable.tistory.com (2) Delete, Updated https://1ncomparable.tistory.com/211 [React] 바닐라 JS 게시판 리팩토링 (2) - Delete, Update (1) Read, Create https://1ncomparable.tistory.com/204 [React] 바닐라 J..
(1) Read, Create https://1ncomparable.tistory.com/204 [React] 바닐라 JS 게시판 리팩토링 (1) - Read, Create 바닐라 JS로 제작했었던 게시판을 리액트로 리팩토링해보기로 했다. 구현 목표는 아래와 같다. 🧱 구현 목표 바닐라 JS로 구현했었던 모든 기능에 더해 추가 기능 구현하기 게시글 목록 보기 게 1ncomparable.tistory.com 💛 게시글 삭제하기 (Delete) 서버 라우터 (discussions.js) router.delete("/:id", deleteDiscussion); 컨트롤러 deleteDiscussion: (req, res) => { const idx = discussionsData.findIndex( (data)..
![]()
1. Figma의 특징 실시간 협업 기능 웹 브라우저 기반으로 다양한 OS 지원 자동 저장 및 버전 관리 기능 구글 폰트를 활용한 무료 폰트 지원 오토 레이아웃 기능 프로토타이핑 기능 2. 피그마 단축키 복사 : Command + C 붙여넣기 : Command + V 잘라내기 : Command + X 복제하기 : Command + D 혹은 Option 누른 상태로 드래그 여러 요소 동시에 선택 : Shift 누른 상태로 클릭 그룹 : Command + G 프레임으로 묶기 : Command + Option + G 그룹, 프레임 해제 : Command + Shift + G 간격 측정 : 요소를 선택한 상태에서 Option / Alt 누르고 다른 요소에 마우스 올리기 오토 레이아웃 추가 오토 레이아웃 적용할 ..
