profile
0년차 iOS 개발자입니다.
post-thumbnail

[Front-end🐥] Adobe 메인 페이지 클론!

1210~1212 : 모듈화 1213~1218 : 메인 페이지 마크업, JavaScript 1219~1220 : JavaScript 못 붙인 것, 미디어쿼리 (4단계) 1. 사이트 분석 마크업을 하기 전에 간단하게 사이트를 분석해 보았다. 사이트가 너무 길어서 안의

2021년 12월 22일
·
0개의 댓글
·
post-thumbnail

[Front-end🐈‍⬛] #39 시각화, git, Github

1. 정규표현식 문제를 몇 개 풀었는데, #38 에 이어서 정리했다. 2. 시각화 1. Chart.js https://www.chartjs.org chart.js, bootstrap 을 이용해서 데이터 시각화를 해보았다. cdn 으로 script를 가져와서 l

2021년 12월 22일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #37 JavaScript 최적화

1. 최적화 1. 최적화 하는 이유 사용자 경험이 좋아진다. 2. 성능 측정의 척도 올바르게 동작하게 만들고 === 리소스 (자원 소모를 얼마나 하는지 - 메모리, 네트워크 트래픽) 빠르게 동작하게 만든다 === 시간 3. 시간 측정 1. 초기 구동 시간 :

2021년 12월 20일
·
0개의 댓글
·
post-thumbnail

[Front-end🐥] MDN Clone

1108~1128 팀원들과 클론 스터디를 진행하기로 해서, MDN 메인 페이지를 클론해보기로 했다. BEM 방식을 사용했더니 이름 짓는데 마크업보다 더 많은 시간이 걸렸다. BEM 예시 프로젝트 와 여러 자료들, BEM을 썼다는 LinkedIn, BBC 등을 한번

2021년 12월 20일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #36 모의 면접

Same Origin Policy어떤 도메인에서 문서를 불러올 때, 도메인 주소가 같아야 서로 상호작용 할 수 있게 하는 보안방식. 다른 리소스를 불러올 때 악의적인 스크립트를 받지 못하도록 사전에 차단하는 것이다. 출처(프로토콜, 포트, 호스트)가 다 같아야함.Cro

2021년 12월 17일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #32 TDD + JavaScript 모듈화

모듈 패턴 : 클로저를 이용해서 값을 은닉.캡슐화를 왜하는데?????? 에 대한 의문이 계속 있었는데, 예시를 드느라고 변수를 하나만 넣고 get set 하는 함수를 다 구현해서 그냥 객체랑 차이가 없어보였던 것 같다. 해당 객체에 필요한 변수가 여러개이고, 어떤 것은

2021년 12월 13일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #31 DOM Event (target, 위임 +), TDD

1. DOM 1. createElement outerHTML : innerHTML : 요소에 포함된 HTML 마크업 -> XSS 공격 가능. 그래서 Node.textContent 같은 걸로 입력값 처리 필요. innerText : 요소 + 자손의 렌더링된 텍스트 콘

2021년 12월 10일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #30 jQuery

saa

2021년 12월 9일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #29 비동기 첫걸음 Promise, fetch, async, await / 19장

1. 멋사 수업 > ### overriding, overloading overriding - 메서드를 상속받아서 같은 이름의 새로운 함수로 만드는 것. overloading - 이름이 같은 매개변수 개수/타입이 다른 함수를 만들면 다른 함수로 취급하는 것. (js에는

2021년 12월 8일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #28 chart.js

오늘은 어제 만들었던 table(https://velog.io/@ddosang/Front-end-27그리고 손코딩을 다하고 prototype과 class에 대해서 나가려고 했는데.. 시간이 돼서 면접보러 떠났다.면접 봤으니 어쩔 수 없지만 수업 못따라가고 있는

2021년 12월 7일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #27 JavaScript JSON / 18장

1. 멋사 수업 이력서와 깃헙 이야기.. 를 먼저 들었다. 가장 중요하게 배워야 할 것은 페이지 구현. 1. Array, String, Math method 복습 2. strict mode 원래 js는 최대한 오류를 내지 않게 설계되어 있는데 해당 부분들을 엄격

2021년 12월 6일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #26 JavaScript DOM

배운 내용들을 되짚고, 앞으로 배울 내용들을 백신 맞듯이 가볍게 살펴보았다.객체객체는 반복이 안되기 때문에 (iterable이 아님), iterable로 만들고 싶으면 Symbol.iterator를 사용한다.객체는 클래스의 인스턴스. property와 method를 가

2021년 12월 3일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #25 함수, list method / 15~17장

재귀함수피보나치 수열처럼 함수를 여러번 호출해서 return 하는 경우는 메모리 효율이 안좋다.즉시 실행 함수mapCall by value, reference, sharingjs 는 모두 call by value. reference type 을 인자로 넘기면 refer

2021년 12월 2일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #24 Array method, Object, 함수 / 13~14장

공통 : github / 정규표현식 / HTTP(BE에서 더 중요) / SEO (FE에 가까움)FE : HTML / CSS / JS(AJAX) / REACT / (SASS) / (JQery) / WebPack BE : JS / tailwind or bootstrap

2021년 12월 1일
·
0개의 댓글
·

[SMACSS] 번역하면서 공부하기 #2 Categorizing CSS Rules

Categorizing CSS Rules CSS 규칙들을 세분화 모든 프로젝트에는 조직(팀)이 필요합니다. 하나의 파일의 끝에 당신이 만든 모든 새로운 스타일을 추가하는 것은 스타일을 찾기 더 힘들게 만들고 프로젝트에 참가하는 모든 사람들이 혼란스러워질 것이다. 당

2021년 12월 1일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #23 조건문, 반복문, 함수 / 10~12장

1. 멋사 수업 오늘은 이전 시간에 나갔던 반복문부터 다시 시작했다. for문에 대해 이어서 이해를 하면서 나가고, for ... of 사용법과 forEach 에 대해서도 간단하게 다루고, String built-in 함수들을 몇가지 보고 넘어갔다. indexOf,

2021년 11월 30일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #22 JavaScript / Deep Dive 2~9장

\[문법 정리는 변수 할당 시 값을 메모리에 넣고 그것을 변수가 가리키게 만든다. 각 변수에 같은 수를 할당해도 주소는 모두 다른게 정석적인데, 파이썬 같은 경우는 메모리 관리를 위해 0~256은 미리 메모리에 올려놓고 변수가 선언되면 그것을 가리키게 만든다.&& ||

2021년 11월 29일
·
0개의 댓글
·

[Front-end] #22.5 인프런 과제 리팩토링

웹 레이아웃 1개, 스마트폰 레이아웃 2개, 태블릿 레이아웃 1개, 반응형 1개를 BEM naming 적용 height는 내용에 종속적으로 - 안의 내용물이 다 달라서 높이가 달라질 수 있는데, 일괄적으로 보여야하는 요소에는 줬다. width는 줄 수 있는 큰 요소에

2021년 11월 29일
·
0개의 댓글
·

[Front-end] Vanilla.js Challenge 정리

노마드 코더 Vanilla.js Chaellenge 0. > JavaScript 페이지를 interactive 하게 만들기 위해! 모든 브라우저에 기본 내장 프론트엔드는 html, css, javascript 밖에 없다. js 역시 css처럼 html 파일에 연결해

2021년 11월 29일
·
0개의 댓글
·