![]()
(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 누르고 다른 요소에 마우스 올리기 오토 레이아웃 추가 오토 레이아웃 적용할 ..
약수의 개수가 세 개 이상인 수를 합성수라고 합니다. 자연수 n이 매개변수로 주어질 때 n이하의 합성수의 개수를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ n ≤ 100 입출력 예 n result 10 5 15 8 입출력 예 설명 입출력 예 #1 10 이하 합성수는 4, 6, 8, 9, 10 로 5개입니다. 따라서 5를 return합니다. 입출력 예 #1 15 이하 합성수는 4, 6, 8, 9, 10, 12, 14, 15 로 8개입니다. 따라서 8을 return합니다. function solution(n) { // 약수의 개수가 3개 이상. // 모든 수는 1과 자기 자신을 약수로 갖는다. // 1부터 n까지의 수 중에서 1과 자기 자신이 아닌 수로 나누었을때 0이 되는 수가..
![]()
1. UI와 UX 1) UI(User Interface) 사용자 인터페이스를 말함. 사람들이 컴퓨터와 상호작용하는 시스템을 의미한다. 화면상의 그래픽 요소들 외에도 키보드나 마우스 등의 물리적인 요소들도 컴퓨터와 상호작용하기 위한 시스템임으로 UI라고 볼 수 있다. GUI (Graphical User Interface, 그래픽 사용자 인터페이스) : 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 화면. 예시로는 컴퓨터 운영체제의 화면(Window, Mac OS), 또는 애플리케이션들의 화면이 있다. 프론트엔드에서의 UI는 대부분 GUI를 의미한다. 2) UX(User Experience) 사용자 경험. 사용자가 어떤 시스템이나 제품, 서비스 등을 직간접적으로 이용하면서 느끼고 생각하는 총체적 경험을 말..
![]()
1. JSON JSON : JavaScript Object Notation. 데이터 교환을 위해 만들어진 객체 형태의 포맷. 전송 가능한 조건(transferable condition) 수신자(reciver)와 발신자(sender)가 같은 프로그램을 사용한다. 또는 문자열처럼 범용적으로 읽을 수 있어야 한다. 객체를 string으로 변환하기 객체는 string 타입으로 변환될 경우 객체 내용을 포함하지 않음. => 객체를 JSON 형태로 변환하거나(JSON.stringfy) JSON을 객체형태로 변환해야한다.(JSON.parse) JSON.stringfy() : 객체를 JSON으로 변환한다. const message = { sender : 'Harry', receiver: 'Anne', message: ..
문제 설명 영어 대소문자로 이루어진 문자열 my_string이 매개변수로 주어질 때, my_string을 모두 소문자로 바꾸고 알파벳 순서대로 정렬한 문자열을 return 하도록 solution 함수를 완성해보세요. 제한사항 0 a > b ? 1 : -1).join(''); } https://school.programmers.co.kr/learn/courses/30/lessons/120911
