- 전체보기(272)
- TIL(226)
- 코딩(141)
- JavaScript(117)
- 코드잇(71)
- React(48)
- django(46)
- nomad(32)
- python(31)
- 노마드(31)
- node.js(22)
- layout(15)
- CSS(14)
- 리액트(11)
- typescript(10)
- 블록체인(7)
- grid(7)
- 인스타그램(5)
- jquery(5)
- react native(5)
- Flex(4)
- scss(4)
- 클론코딩(4)
- 비트코인(3)
- 암호화폐(3)
- 애플리케이션(3)
- 네이티브(3)
- styled components(3)
- 스타일(3)
- 코테(2)
- 이더리움(2)
- 주말(2)
- 자바스크립트(2)
- hook(2)
- 훅(2)
- Native(2)
- express(2)
- Module(1)
- input(1)
- useState(1)
- 채굴(1)
- 생성자(1)
- ref(1)
- android(1)
- method(1)
- 중급(1)
- 원장(1)
- iOS(1)
- 정리노트(1)
- instagram(1)
- 취업준비(1)
- redux(1)
- 키(1)
- useContext(1)
- useMemo(1)
- useReducer(1)
- useRef(1)
- 에이다(1)
- 공부(1)
- html(1)
- useCallback(1)
- Noamd(1)
- PoS(1)
- 핫(1)
- 지갑(1)
- 문제(1)
- 분산(1)
- array(1)
- 프로젝트(1)
- aws(1)
- app(1)
- 앱(1)
- JSX(1)
- 어플리케이션(1)
- 복습(1)
- 연습(1)
- 배열(1)
- hooks(1)
- 콜드(1)
- 백엔드(1)
- blog(1)
- 스마트 컨트랙트(1)
- 배포(1)
- mixin(1)
- S3(1)
- 해시(1)
- nodejs(1)
- 어플(1)
- 코딩테스트(1)
- 객체(1)
- recap(1)
- 유튜브(1)
- pow(1)
- 커스텀(1)
- 리덕스(1)
220904 TIL
✔️ CSS LayoutMixin 에서 아직 언급하지 않은 feature 가 있다.그건 바로 @content 이다.그럼 전에 진행했던 프로젝트로 돌아가서...@mixin 을 쓰고 responsive 라고 작성해서 안에 @content 를 넣어주고 styles.scss
220901 TIL
✔️ CSS Layout오늘은 extends 기능에 대해 알아볼 것 이다.extends 는같은 코드를 중복하고 싶지 않을때 쓰는거다.저번시간에 배운 mixin 은 상황에 따라 다르게 코딩을 하고 싶으면 사용하는 것 이다.extends 는 정확히 다른 코드를 확장(ext
220831 TIL
TIL DAY 208 오늘 배운 일 ✔️ CSS Layout ⏰ SCSS [part II] 이어서 다음으로 배울 특징은 mixins 이다.
220822 TIL
✔️ CSS Layout이번에는 SCSS 라는 것을 배울 것이다.SCSS 는 기본적으로 CSS preprocessor 이다!시작하기 앞서, 쾌적한 작업환경을 구성할 수 있도록 설치해보자!먼저 git 설치!https://git-scm.com/그리고 NodeJS
220820 TIL
TIL DAY 206 오늘 배운 일 ✔️ CSS Layout 👖 Grid [part VIII] 이번 시간에는 minmax 에 대해 알아볼 것 이다. 이 기능은 얼머나 작게 혹은 크게 요소가 될 수 있는지 지정해 준다. 가장 좋은 예로는 요소가 가능한 엄청
220817 TIL
✔️ CSS Layout시작하기 앞서, 먼저 연습할 코드를 보여주자면...전에랑 비슷한 형태로 돌아가서...저번과 마찬가지로, cell 들의 방향을 stretch, center, bottom 바꾸는 것에 대해서 알아볼 것 이다.그런데 다른점은 개별적으로 움직이는 것에
220814 TIL
✔️ CSS Layout시작하기 앞서, 전의 코드를 수정해서 4x4 모양으로 다시 만들어보자!이번에 배울게 될 것은 justify-items 와 align-items 이다!이 프로퍼티들은 부모 요소에 쓰인다. (grid container)justify-items 의 기
220811 TIL
✔️ CSS Layout그럼 이번에 fr 이란걸 알아볼 것 이다.fr 의 뜻은 fraction(부분)이다.(pixel 이나 %와 같은 것이다. 정확히는 측정 단위다.)그럼 fraction 이 어떻게 작동하는지 알아보자!우리 코드를 보면...화면을 보면...크기는 가로
220808 TIL
✔️ CSS Layout이번에 알아볼 것은 개발 환경에서 쓸 수 있는 기능에 대해 알아보겠다!그건 바로 line 에 이름을 붙이는 것이다.저번 코드를 수정해본다면...전에는 grid-template-colums 값을 repeat(4, 100px) 로 지정해두었지만, 이
220807 TIL
✔️ CSS Layout저번에 이어서 하자면, 필요없는 template-areas 부분들은 다 지워준다.전에 배웠던걸 생각해보면, header 가 맨 위에 있고 content 와 nav 가 중간에 그리고 footer 가 맨 마지막에 자리잡았었다.grid area 를 사
220805 TIL
✔️ CSS Layout저번에 grid 를 입문하고 오늘은 grid-template-areas 에 대해 알아보겠다.우선 새롭게 코드를 작성해봤는데...결과는...이렇게 가로 길이 200px 과 세로 길이 300px 를 가지고 있는 색 다른 박스들을 볼 수 있다.colu
220804 TIL
✔️ CSS LayoutGrid 는 flex 와 동일하게 부모 요소한테 써주면 된다.예 )grid 는 flexbox 와 거의 비슷한 규칙을 가지고 있다.대부분의 시간을 부모 요소에 대해 얘기할 것 이다.flexbox 처럼 자식 요소에 대해 얘기할 것이지만, grid d
220803 TIL
TIL DAY 198 오늘 배운 일 ✔️ CSS Layout 🎲 IIII) Flexbox 오늘은 flex-grow, flex-shrink 에 대해 배워볼건데... 이 두개의 property 들을 자식 요소에게 줄 수 있다. 예를 보면... index.ht
220801 TIL
TIL DAY 197 오늘 배운 일 ✔️ CSS Layout 🔳 III) Flexbox 저번에 이어서 flexbox 세 번째 시간을 가져볼려고 한다. 우선 저번 예제를 보자! index.html style.css 결과물 저번에 말헸듯이, flex-di