DaeguFE
1.[DAY1]_개발일지: 웹 개발 시작과 준비, 웹 퍼블리셔가 하는 일
웹 개발 시작과 준비, 웹 퍼블리셔가 하는 일
2.[DAY2~3]_개발일지: HTML 태그
HTML 태그
3.[DAY4]_개발일지: BUTTON과 문서 구조화
BUTTON과 문서 구조화
4.[DAY5]_개발일지: HTML로 만드는 웹페이지 뼈대
HTML로 만드는 웹페이지 뼈대
5.[DAY6]_개발일지: CSS(2)
CSS(2)
6.[DAY7-1]_개발일지: Background
Background
7.[DAY7-2]_개발일지: Text & List
Text & List
8.[DAY8]_개발일지: 돌리고 뒤집고♪
돌리고 뒤집고♪
9.[DAY9-1]_개발일지: border style & radius
border style & radius
10.[DAY9-2]_개발일지: margin & padding & box-sizing
margin & padding & box-sizing
11.[DAY9-3]_개발일지: border style & radius
border style & radius
12.[DAY9-4]_개발일지: display:none, block, inline, inline-block
display:none, block, inline, inline-block
13.[DAY10-1]_개발일지: position: static, fixed, (relative↔absolute)
position: static, fixed, (relative↔absolute)
14.[DAY10-2]_개발일지: float, z-index
float, z-index
15.[DAY11-1]_개발일지: 웹페이지 제작 ①,②
웹페이지 제작 ①,②
16.[DAY12-1]_개발일지: 웹페이지 제작 ③
웹페이지 제작 ③
17.[DAY13-1]_개발일지: 웹페이지 제작 ④ 및 마무리
웹페이지 제작 ④ 및 마무리
18.[DAY14]_개발일지: 미니 프로젝트 - Cafe ( 제시한 조건이 따로 있음 )
미니 프로젝트 - Cafe ( 제시한 조건이 따로 있음 )
19.[DAY15]_개발일지: 반응형 CSS
기본적인 HTML 및 CSS 구축 후, 반응형 CSS로 바로 적용하기(부트스트랩 등에서 이용가능) → 마지막에 JS효과를 입히자!
20.[DAY16]_개발일지: 반응형 CSS 복습 + FLEX 와 GRID
<a href="HTMLCSS ( max-width : 768px )→ 최대 768px인 경우이며, 기존에는 .intro 가 fixed 였지만, 반응형에 따라 static으로 수정되었다.기존 화면 768px 이하결과물은?<a href="HTMLCSS ( mi
21.[DAY17]_개발일지: 반응형 CSS 복습②
오늘은 거의 복습하는 느낌!
22.[DAY18]_개발일지: 반응형 CSS 복습③
세상에 라이브러리는 엄청 많구만~~!
23.[DAY19]_개발일지: BootStrap v5.2
스타트업이나 중소기업으로 가고싶다면?! 바로 이걸 사용해라!
24.[DAY20_1]_개발일지: BootStrap 실습!
실습 1개만 설명되어있어!
25.[DAY20_2]_개발일지: BootStrap 실습②!
부트스트랩 실습은 여기까지...! 만간에 만들어보고 진행해야할듯!
26.[DAY21]_개발일지: 닷홈 호스팅
사실 NETLIFY도 있음 ㅎㅅㅎ
27.[DAY22]_개발일지: 워드프레스 사용하기
따로 공부를 좀 해야할 거 같다.
28.[DAY23]_개발일지: 워드프레스(2)
워드프레스 끝!
29.[DAY24]_개발일지: 자바스크립트_기본
자바스크립트 기본은 여기!
30.[DAY25]_개발일지: 자바스크립트_연산자와 조건문
연산자와 조건문 내용은 여기!
31.[DAY26]_개발일지: 자바스크립트_배열과 for문
배열과 for문 / splice, slice, indexOf, push, pop. unshift, shift
32.[DAY27]_개발일지: delete_while문
해당 인덱스의 요소와 그 공간을 없애서 배열의 길이를 줄이는 메소드이다.while() 안에 true 때문에 계속 무한히 반복된다. 그래서 이를 제한하는 조건문이나 break가 필요하다. 그래서...confirm()으로 조건을 부여하여, 확인버튼(true)를 클릭할 경우
33.[DAY28]_개발일지: function
함수 복습하는 개념으로 다시 작성함. / 이벤트 관련 용어는 효율적인거 같아서 상세하게 저장함.
34.[DAY29]_개발일지: 클릭 이벤트 및 객체
객체가 어렵다 객체를 좀 이해해보자.
35.[DAY30]_개발일지: Array 과 DOM
getAttribute, setAttribue 를 주의할 것
36.[DAY31-1]_개발일지: DOM 요소 추가 & Form
내용이 많아서 일단 쪼갭니다~~
37.[DAY31-2]_개발일지: 브라우저 객체 모델
브라우저 객체의 모든 것을 담아따!
38.[DAY32]_개발일지: 홈페이지 만들기
수코딩 정주행해야겠다!
39.[DAY33]_개발일지: JQuery 설치
드디어 고인물 전용 JQuery를 배우는구만!
40.[DAY34]_개발일지: JQuery 선택자
JQuery 선택자 까먹으면 여기루!
41.[DAY35]_개발일지: JQuery Event + DOM
제이쿼리 이벤트와 DOM
42.[특강] 개발자 마인드셋
→ 일단 특강을 앞두기 전에 본인은 급격한 슬럼프에 빠지기 시작했다. 분명 스터디를 하면서 이쁜 웹페이지를 처음으로 완성시켰지만, 오히려 더욱 더 이쁘게 만들수 있었음에도 포기한 것만 같은 느낌이 들어서 마우스와 키보드에 손이 잘 안갔다.그래서 개발자를 내가 왜 하려고
43.[DAY36]_개발일지: CSScontrol + Effect + SearchNode + Ajax
✅ JQuery CSScontrol ☑️ addClass, removeClass, toggleClass > addClass(), removeClass(), toggleClass() 는 내장 함수 ☑️ getCss, setCss > 내장 함수는 아니고, 보통 해당 태그 및 코드의 정보를 가져올 때는 `get(
44.[DAY37]_개발일지: React.js 설치 및 환경 설정 + Components 및 props 사용 실습
FrontEnd Framework 중의 하나.다른 Framework는 Angular, vue.js 등이 있음페이스 개발에 사용한 기술공개 소프트웨어화면 출력에 특화된 프레임워크컴포넌트를 조립하여 화면 구성게임 엔진 원리를 도입하여 화면 출력 속도가 빠름(virtual
45.[DAY38]_개발일지: React.js 컴포넌트 및 스토리북 실습
스토리북 어떻게 만들어지는지 파악할 것!
46.[DAY39]_개발일지: React.js Context
npx create-react-app projcontx cmd에 명령어 기입으로 프로젝트 생성Context 종류가 consumer, usecontext ... 등이 있는데 사실 지금 당장 알고있어도 구분이 잘 안가서, 역시나! 따로 공부를 좀 해야할 듯 싶다 하하..
47.[DAY40]_개발일지: React.js Redux
JavaScript 상태관리 라이브러리Node.js 모듈상태관리 툴 모듈 종류 중에 하나상태관리 \- React에서 상태(state)는 component 안에서 관리되는 것Component끼리 데이터 연결을 가능하게 하여 관리가 되는 것이다.▶ 자식 컴포넌트들 간의
48.[DAY41]_개발일지: React.js 날씨 앱 만들기
OpenWeathermap 링크앱이 실행되자마자 현재위치 기반의 날씨가 보인다.날씨정보에는 도시, 섭씨, 화씨, 날씨상태.5개의 버튼이 있다.(1개는 현재위치, 4개는 다른도시).도시버튼을 클릭할 때마다 도시별 날씨가 나온다.현재위치 버튼을 누르면 다시 현재위치 기반의