TIL
1.html 태그들
1일차의 이야기
2.html 태그들과... text-indent
포트폴리오를 항상 걱정했는데 마침 오늘 관련 워크샵이 진행됐다.working backwards를 통해 상품을 제작해서 판매하는 것처럼, 나라는 사람의 매력 포인트를 가지고 보도자료를 만든다고 생각하고 그 상품(나)에 대해 자주 묻는 질문을 만드는 즉, 그 포인트의 구체
3.html 클론 페이지 리뷰
html 학습으로 클론한 페이지 코드를 리뷰해주셨다.어제 section과 article 사용이 헷갈렸는데 전자는 위,아래와 의미적으로 관련이 조금이라도 있을 때 사용하고 후자는 혼자 똑 떼어놔도 괜찮을 때 사용하라고 하셨다. 또 개행하려고 br을 썼는데 스크린 리더기가
4.css로 캐릭터 만들기
4일차의 이야기
5.float과 position.. 이 녀석들
5일차의 이야기
6.flex 사용과 position 멘붕 온거
6일차의 이야기
7.가상 클래스 선택자
7일차의 이야기
8.코딩 컨벤션과 미디어쿼리
8일차의 이야기
9.1만 시간 법칙 클론
9일차의 이야기
10.미디어쿼리와 css 설계법 3인방
10일차의 이야기
11.flex와 holy grail layout
11일차의 이야기
12.Grid와 holy grail layout
12일차의 이야기
13.테스트 페이지 도메인 연결
13일차의 이야기
14.피그마 보고 레이아웃 잡기
14일차의 이야기
15.벤딩머신 로그인 모달창
15일차의 이야기
16.로그인 창 스타일링(가상 요소 선택자)
16일차의 이야기
17.ir 테크닉과 테일윈드
17일차의 이야기
18.테일윈드 이력서 만들기
18일차의 이야기
19.우분투 명령어와 scss
19일차의 이야기
20.scss mixin과 select 커스텀 하는거
20일차의 이야기
21.웹종합 - HTML, CSS
브라우저 작동 원리
22.웹종합 - jquery와 fetch
fetch로 통신하기
23.웹종합 - pymongo와 크롤링
크롤링과 pymongo DB 사용
24.웹종합 - flask와 api 통신
flask 사용해서 api 만들기
25.웹종합 - AWS 배포
AWS를 사용하여 프로젝트를 배포한다.
26.미니 플젝 회고
미니 프로젝트 SWM 기록.
27.JS(1) - 객체와 배열, map 정렬
JS(1) - 객체와 배열 중심 정리 / map 정렬 하는 법
28.JS(2) - ES6 문법과 map, set
JS(2) - ES6 문법 위주로 정리
29.JS(3) - 데이터 타입
JS(3) - 기본형과 참조형의 데이터 타입, 얕은 복사와 깊은 복사
30.JS(4) - 실행 컨텍스트
실행 컨텍스트와 스코프 체이닝
31.JS(5) - this
실행 컨텍스트의 세번째 정보 this bindings
32.apply 개 멋지게 쓰기..
apply로 생성자 함수 더 멋지게 쓰기
33.알고리즘 - 배열
배열 생성과 메서드
34.JS의 ES 그리고 ES6
ES의 배경과 현재의 ES6
35.불변성과 메서드
불변성을 지키는 것과 메서드 사용
36.yarn으로 리액트 앱 시작
yarn create react-app! 보일러 플레이트인 react-app 이용
37.WIL- Virtual DOM, props, state
React의 Virtual DOM과 props 그리고 state에 대해서 정리
38.styled-components로 조건부 스타일링
yarn을 이용해서 styled componenet를 사용해보자!
39.Batch Update에 대해서
Batch Update에 대한 정리
40.redux 기본 개념과 사용 예시(counter 만들기)
Redux가 무엇인지 그리고 어떤 이점이 있는지 정리
41.Redux ducks pattern (action types , action creators...)
action value와 action cretors 사용해서 하드코딩 없애기
42.WIL - State, Props, 리렌더링 발생 조건
State, Props, 리렌더링 발생 조건에 대한 정리
43.redux toolkit 정의 및 활용
redux의 불편을 해소하기 위해 나온 redux toolkit에 대해서 정리.
44.json-server 사용
json-server 사용에 대한 정리
45.axios 사용과 get 요청
axios 패키지를 사용하여 get 요청으로 데이터 통신하기
46.axios와 post, delete, patch 메서드 그리고 .env
post,delete,patch 메서드 사용과 환경변수 설정
47.recoil 예시 코드 정리
recoil 로그인 적용 예시 코드 정리
48.무한 스크롤 구현과 메모리 누수
일단 이 부분은 컴포넌트가 리렌더될 때마다 이전에 관찰하던 요소들을 해제하는 코드임. observer.current.disconnect()로 이전에 관찰하던 요소들에 대한 관찰을 중단. 이 작업이 필요한 이유는 observer가 이전에 관찰하던 요소들에 대한 참조를
49.video.js 사용과 DOM 조작, CSS 설정 정리글
video.js 사용과 DOM 조작, CSS 설정에 대해 정리했습니다.
50.setTimeout 함수를 사용하며, 이벤트 루프와 호출 스택 이해하기!
setTimeout 함수를 이용해서 이벤트 루프와 호출스택 이해하기
51.전자서명 구현 (feat. react-signature-canvas)
react-signature-canvas 라이브러리 정리
52.shadcn/ui 사용기
shadcn/ui 사용기에 대한 문서
53.atomic 패턴과 폴더구조
nextjs 프로젝트를 진행하면서 폴더 구조가 너무 복잡해지고 어떻게 관리할지에 대한 고민이 생겼고 디자인 패턴을 찾아보던 중에 atomic design pattern을 알게됐음