일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- bfs
- Lv. 2
- level 3
- C언어
- 소프티어
- 파이썬
- group by
- Dynamic Programming
- 다이나믹프로그래밍
- 스택
- Lv. 3
- dfs
- programmers
- softeer
- Lv. 0
- 브루트포스
- Python
- level3
- javascript
- DP
- Java
- 프로그래머스
- Lv. 1
- Typescript
- 문자열
- 너비 우선 탐색
- Stack
- 자바스크립트
- SQL 고득점 KIT
- 타입스크립트
- Today
- Total
목록React (4)
몸과 마음이 건전한 SW 개발자
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/pwMfM/btsGw3CowAq/oNd43PZyxuIVpPMTlA72MK/img.png)
display: flex를 사용해서 도형을 가로로 정렬할 수 있다. justify-content를 사용해서 도형을 정렬할 수 있다. display: flex justify-content 반응형 기타 코드 1. Display: Flex 파란색 테두리의 초록색 큰 직사각형은 display: flex가 적용되지 않았다. 따라서 도형은 세로로 정렬된다. 하지만 display: flex를 적용하면 첫째 줄의 작은 상자들 처럼 가로로 정렬된다. 2. Justify-Content justify-content: center를 적용하면 가운데 justify-content: flex-end를 적용하면 오른쪽으로 정렬한다. (그냥 end와 right도 비슷한 기능을 하는 것 같다.) 위의 사진을 참..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bMVVuX/btsGwD33PtZ/7KLr9lt9WBJnZqCd2HsPXK/img.png)
리액트를 실행하고 react-router-dom을 사용할 수 있다. react-router-dom의 outlet 기능을 사용할 수 있다. outlet 기능을 사용하면 부드러운 화면 전환이 가능하다. 리액트 타입스크립트 실행 reat-router-dom 설정 outlet 설정 NavLink를 통한 화면 전환 기타 코드 1. 리액트 타입스크립트 실행 https://sound-programming.tistory.com/186 리액트 타입스크립트 시작하기 [React, TypeScript, NVM, Prettier] node.js 설치 nvm 설치 nvm 간단 사용법 create-react-app baseUrl prettier 1. Node.js 설치 https://node..
node.js 설치 nvm 설치 nvm 간단 사용법 create-react-app baseUrl prettier 1. Node.js 설치 https://nodejs.org/en Node.js — Run JavaScript Everywhere Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 여기 들어가서 설치하면 된다. LTS를 설치하는 것이 좋다. LTS란? 장기적으로 지원하는 버전이다. 즉 Long Term Support의 줄임말로 일반적인 버전보다 오랜 기간 지원하도록 특별하게 만들어진 소프트웨어의 버전을 뜻한다. 2. NVM 설치 node를 설치했는데 node의 버전을 바꾸고 싶을 때 ..
Front-End가 뭐냐고 물으면 제대로 대답을 못해서 이참에 공부를 해봤다. ※ 주의 ※ 이 블로그는 어디까지나 CS관련 지식을 정리하는 것이 목적입니다. 제가 이해한 내용이 잘못 된 것 같다면 댓글로 남겨주세요. 여러분의 관심이 저의 지식 함양에 도움이 됩니다. >> Front-End란? "웹 개발"에서 사용자가 직접 상호작용하는 "웹 페이지"나 "애플리케이션"의 "사용자 인터페이스(UI)"부분을 설계하고 개발하는 영역이다. "사용자의 경험(UX)"을 직접적으로 개선하고, 웹 사이트의 시각적 요소와 "사용자 인터랙션"을 구현하는 것이 주요 목표이다. 프론트엔드 개발은 크게 "HTML", "CSS", "JavaScript" 세 가지 핵심 기술을 기반으로 한다. >> 웹 개발은 뭔가용? 웹 개발(Web ..