본문 바로가기

잡/공부일기

(40)
요즘 후기 TIL을 매일해야겠다 하면서도 일주일도 못간거 보면 꾸준히 글쓰는 사람은 참 대단하단 생각이 든다. 한동안 블로그에 글은 안썼지만, 그래도 꾸준히 공부를 했다. 공부를 시작하기 전 알 수 없는 자신감이 있었는데, 지금은 다 사라졌다. 역시 꾸준함이 중요하다. JPA와 자바를 공부하고 있다. 첨에는 자바같은거 어따 써 생각했지만, 공부를 하면 할수록 자바만한게 없다고 느낀다. 필요한 건 다있고, 문법도 나름 깔쌈하고(?). 나에게 부족한건 꾸준함이다. 좋은 코드를 만들려면 좋은 코드를 보고, 따라해보고, 생각해야 한다. 그러나 나는 어떤 날은 과하게 많이 공부하고, 어떤 날은 아예 놓아버린다. 공부의 양은 합쳐보면 어느정도 되지만, 그렇게 해선 능률적이지 않다. 일정하게 공부하는 것이 중요한듯. 남이 봤을..
CSS Units 정리 절대적 값 ex) px 상대적 값 ex) em, ex, ch, rem, vh em, rem, vw, vh, %를 주로 씀 em : 부모의 fontsize에 상대값을 가짐 rem : root에 지정된 font-size에 따라 달라짐 (html을 따라감) vw,vh : 브라우저를 따라감 부모 따라서 바뀜 : %, em 브라우저에 따라서 바뀜 : vm,vh,rem BOX : %, vm,vh font-size : em,rem http://pxtoem.com/ PXtoEM.com: PX to EM conversion made simple. What is an EM? Wikipedia puts it well: "An em is a unit of measurement in the field of typography,..
22년2월14일~2월20일 공부기록 2월 13일(일) css3 flex 속성에 대해 겉핥기 css3 flex 속성을 이용해 layout을 flex속성으로 다시 짜봄 flex속성 공부 중 끝나고 인스타그램 로그인, 메인 화면 클론 코딩 할 예정 2월 14일(월) 무작정 인스타그램 로그인을 공부하다가 생각보다 잘안됐음(flex-direction : column으로 해놨을 때 가운데 정렬을 하는 법을 까먹어서 애먹음) 그래서 유튜브 보고 다시 로그인 페이지를 어떻게 구성하는지 배우는 중 flex 코드도 깔끔해서 마음에 듬 어느정도 flex 코드에 익숙해진 것같아 vanila JS todoList를 내일 만들어볼 생각이다 현재 올리는거까지 구현했고 내일 날 잡아서 마크업과, 기능등을 상세하게 설정해서 제대로 만들어볼 생각이다. 자바스크립트 공부 ..
2번째 주 공부 회고 원래는 이번주는 자바스크립트를 이용해서 뭔가를 만들어 볼 생각이었지만(todo 등) 생각보다 CSS부분에서 개념적으로 이해가 부족한게 많아서 CSS를 더 공부하기로 결정했다. 내가 웹을 처음 공부했던 2017년, 그 당시 flexbox는 IE지원이 구려서 여전히 float를 이용해서 레이아웃을 배치하곤 했는데 이제는 IE 지원도 중단하니, 맘편히 쓸 수 있는 것 같다. 물론 float를 이용해서 배치하는 것은 아직 까지도 알아두긴 해야 된다. 다음 주부터 시작 할 토이 프로젝트는 인스타그램 메인 페이지 클론 코딩이다. poiemaWeb과 드림코딩 각종 구글링을 통해서 공부하고 있다. 꾸준함을 유지하는게 중요하다. 앞으로 100일정도 남았는데 사회에 나갔을 때가 기대가 된다. https://studiome..
1번째 주 공부 회고 그동안 안다고 생각하고 대충 모르는 코드 나올 때마다 검색했는데 (특히 js에서) 다시 초심으로 좀 답답하더라도 기초부터 쌓으니 디미고 시절 땐 이해하지 못했던 걸 이해할 수 있었던 것 같다. 내가 자바스크립트를 처음 안게 2016년이었는데 그 때는 jquery도 아직까진 주류였고 그 외 Angular.js나 react가 태동하던 시절이었다. 그땐 이해력이 낮아서 쉬운 코드도 잘 이해하지 못했는데, 이제 어느정도 알아듣는 것을 보니 짬을 허투르게 먹진 않았나 보다. 앞으로 시간은 많다. 17주 남았다. 그동안, 공부한 걸 꼭 내 것으로 만들어서, 사회에 나가 민석이랑 외주도 뛰고, 내 토이 프로젝트도 하고 보는 사람이 편안한 코드를 짜는 사람이 될 것이다.
02월05일 자바스크립트 중급 3 #클로저(Closure) 함수와 lexical Enveronment의 조합 함수가 생성될 당시의 외부변수를 기억 생성 이후에도 계속 접근 가능 function makeCounter() { let num = 0; //은닉화 return function () { return num++; }; } let counter = makeCounter; //counter가 생성된 이후에도 //makeCounter에 접근 가능 console.log(counter()) // 0 console.log(counter()) // 1 console.log(counter()) // 2 #setTimeout / setInterval function fn(){ console.log(3) } setTimeout(fn,3000); set..
02월05일 자바스크립트 중급 2 #배열 메소드1(array Methods) push() : 뒤에 삽입 pop() : 뒤에 삭제 unshift() : 앞에 삽입 shift() : 앞에 삭제 arr.splice(n,m) : 특정 요소 지움 n: 시작 m : 개수 arr.splice(n,m,x) : 특정 요소 지우고 추가 arr.splice() : 삭제된 요소를 반환 arr.slice(n,m) : n부터 m까지 반환 arr.concat(arr2,arr3...) : 합쳐서 새배열로 반환 arr.foreach(fn) : 배열 반복 let users = ['Mike','Tom','Jane']; users.forEach((item,index,arr) => { //... }); arr.indexOf let arr = [1,2,3,4,5,1,2,3];..
02월05일 자바스크립트 중급1 코딩앙마 https://www.youtube.com/c/%EC%BD%94%EB%94%A9%EC%95%99%EB%A7%88 코딩앙마 안녕하세요. 코딩앙마 입니다 :) www.youtube.com #변수, 호이스팅, TDZ var는 한번 선언된 변수를 다시 선언할 수 있고, 선언하기 전에 사용할 수 있다. TDZ(Temporal Dead Zone) 변수의 선언과 변수의 초기화 사이의 변수에 접근할 수 없는 지점 호이스팅 : 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동(let도 호이스팅이 된다) 변수의 생성단계 1. 선언 단계 2. 초기화 단계 3. 할당 단계 var는 1번과 2번이 동시에 된다(초기화가 없다면 undefined를 할당해줌) 그러나 let은 1번과 2번이 분리되어 있다. co..