전체 글 (35) 썸네일형 리스트형 200604(금)_TIL 오늘 한 일 CSS : flexbox 추가적인 개념 및 공부 - 생활코딩 노마드코드 유투브클론 코딩에 들어가기 전에 이전에 진행하던 사이드프로젝트 마무리 작업을 끝낸 후, 사이드프로젝트 작업 진행하면서 부족했던 개념을 추가적으로 공부하는 시간을 가지고 있다. 6/15부터 유투브클론코딩 강의가 시작되어서 그 전까지는 부족한 개념 공부해야될 것 같다. 200602(화)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 REVIEW 반응형 CSS 작업 완료 : media Query 마무리 작업 완성소스 : https://haharimi.github.io/REVIEW_new-Date/ 200528(목)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 REVIEW input box CSS input subbimt 타입일 경우, value에 fontAwesome 추가 ---> 유니코드, css 활용 수평선 추가 --=> ul 정렬 darkLightMode 전체적인 CSS 조정 및 밸런스 맞추기 checkbox 와 text 간의 높이 조정하기 *label를 사용 할 경우 ---> position:relative, top: 활용 전체적인 정렬 밸런스 맞추기 어느정도 많이 구색을 갖춘 것 같다 ㅎㅎ 정렬을 전체적으로 맞추는게 상당히.. 손이 많이 가는 작업이였다.. 하나 건드리면 하나가 틀어지는...우수수수수... 기초작업을 더 탄탄히 했다면 보다 수훨하게 작업이 가능할텐데.. 난 초보 중에 왕초보라.. 이렇게 더 헛고생이.. 200527(수)_TIL 오늘 한 일 매일 작업이 끝나면 그날 바로 TIL 작성해야하는데.. 작업이 끝나고나면 내일 정리해서 써야지하고 넘긴 다음에 까먹게되더라 ㅎㅎ.. 클론코딩 크롬앱 만들기 REVIEW dark & light 모드 toggle 기능 상단 추가 to-do list 초기화 가능한 reset 버튼 생성 (HTML 및 localStorage 상에서 삭제) username이 없을 경우 form을 숨기는 클래스 추가 input text 옆에 submit 버튼 추가 Figma - UI 제작 CSS flex 및 position 속성 이용하여 정렬 아래의 UI처럼 최대한 비슷하게 구현하는게 목표다..! 혼자서 필요한 기능을 구글링하고 적용하는게 생각보다 작은 기능인데 오래걸리기도 하고.. 거의 다 처음 배우는 개념이기때문에 .. [JavaScript] Element.setAttribute() :요소의 속성 값을 정의하는 메서드 .setAttritbe( ) : 선택한 요소(element)의 속성(attribute) 값 을 정합니다. 문법 element.setAttribute(name, value); - name : 속성 이름 - value : 속성 값 예제 const checkBox = document.createElement("input"); checkBox.setAttribute("type", "checkbox"); // = input type = "checkbox"; [JavaScript] 삼항연산자 (ternary operator) * 삼항연산자란? :조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 보통 if 명령문의 단축 형태로 쓰입니다. 조건 ? A : B 조건이 true이면 A를 실행, false이면 B를 실행한다. *적용예제 clockTitle.innerText = `${hours < 10 ? `0${hours}` : hours }: ${minutes < 10 ? `0${minutes}` : minutes}:${seconds < 10 ? `0${seconds}` : seconds}`; //시간이 10보다 작으면 시간 앞에 0을 붙히도록 삼항연산자를 이용하여 표현 [JavaScript] fetch API 이해과 개념 / .then() *생활코딩 - Ajax 강의내용을 바탕으로 필기한 내용 웹브라우저에서 JavaScript를 이용해서 웝서버에 접속하고 정보를 가져오는 방법을 말한다. 여러 방법 중 가장 최신 방법인 fetch API 1. 동기와 비동기 개념과 차이 -동기방식 (Synchronous : 동시에 일어나는) : 요청과 그 결과가 동시에 일어난다는 약속으로, 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 그 결과가 주어진다. : 소요시간이 1시간이 걸리든 10시간이 걸리든 결과가 나올때가지 기다렸다가 그 다음을 실행한다. -비동기방식 (Asynchronous : 동시에 일어나지 않는) : 동시에 일어나지 않는다는 약속으로, 요청과 결과가 동시에 일어나지 않는다. : 요청한 그 자리에서 결과가 주어지지 않음 * 동기와.. 200519(화)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 REVIEW USER의 이름 localStorage 저장하기 USER의 이름이 있는 경우, Hello, uername! 인사하기 이름입력 및 todo 입력 form 삽입 input, form CSS 이전 1 2 3 4 5 다음
