어? 쓰흡... 하아....

[TIL] 코드스테이츠 6주차

Solo Week 일요일 치팅 데이. 함수형 프로그래밍에 대한 강의를 들었다. 막연하게 함수를 만들면 편하니까 함수를 쓰자라고 생각했는데 함수형 프로그래밍이라는 고찰아래 많은 사람들이 고민을 해왔다는 것을 알게되고 내가 생각없이 작성하던 함수들에 대해 다시 돌아보게 되었다. 나는 함수를 효율적이고 단일책임적으로 관리...

Posted by Dev X on September 6, 2020

[JS]Syntax Sugar(문법 설탕)

자스인듯~ 자스아닌듯~ 자스같은 너~

js 기초 갓 떼고나서 다른 사람의 레퍼런스를 참조할때 분명 같은 언어를 사용하고 있는데도 낯선 문법을 만난 적이 있습니다. 이게 뭐지? 이것도 자바스크립트인가…? 싶으면서 묘하게 의미를 이해할 수 있는 신기한 코드들을 보고 이런 코드를 뭐라고 하는 걸까? 라는 호기심이 생겨 syntax sugar에 대해 정리해보았습니다. Syntax Sugar...

Posted by Dev X on September 2, 2020

[JS]Execution Context와 Call Stack

ECMA-262 6th를 기준으로 작성된 글입니다 Execution Context는 scope와 hoisting, this, closure등을 관통하는 가장 근본적인 개념입니다. 자바스크립트 코드의 실행 흐름과 코드에 대한 정보가 Execution Context로 관리되기 때문에 Execution Context를 이해하지 못하면 부수적인 개념들에 대...

Posted by Dev X on August 30, 2020

[TIL] 코드스테이츠 5주차

Solo Week 일요일 미니 프로젝트: 글 작성 페이지의 레이아웃을 작업했다. 재사용 단위로 컴포넌트를 만들며 같은 컴포넌트를 한 페이지에 여러개 사용했을때 dom 관련 메서드가 꼬이지 않게 하는 것에 생각보다 시간이 많이 걸렸다. 문제는 해결되었지만 작업량 목표치는 달성하지 못했다. Execution context 관련 포스팅을 드디어...

Posted by Dev X on August 30, 2020

[TIL] 코드스테이츠 4주차

Solo Week 일요일 치팅데이. 리액트 강의 보고 남는 시간은 쉬었다. 월요일 todo:스터디, 프로젝트 아키텍쳐 구상, context 포스팅 정리 context 관련 내용을 정리하다보니 생각보다 js를 깊게 파고 있는것 같다. 레퍼런스를 찾다보니 js 엔진 실행 과정과 관련된 내용은 엔진 업데이트를 하면 변경된다고 해서 ...

Posted by Dev X on August 23, 2020

[JS] 5가지 패턴으로 this 문맥 읽기

이러니 헷갈릴 수 밖에...

js을 배우기 전에 다른 언어를 배웠던 사람이라면 js의 this를 보고 큰 혼란에 빠지곤 합니다. 타 언어에서는 this는 ‘내가 속한 객체’를 참조하지만 js에서 this는 ‘함수를 호출한 방식’에 따라 참조하는 객체가 달라지죠. js에서 this는 코드의 흐름을 읽기 전엔 무엇인지 정확하게 알기 어렵습니다. Execution Context(실행...

Posted by Dev X on August 21, 2020

[JS]Html Element를 생성하는 세가지 방법

단순 노동을 줄이고 편히 살고 싶다

Html Element를 생성하는 노동 js에서 dom을 다루다보면 가장 번잡한 일이 새로운 HTML Element를 만들어 추가하는 것 입니다. 사람마다 다르겠지만 저의 경우엔 js로 HTML Element를 생성하는 코드는 가독성도 떨어지고 단순 노동처럼 여겨졌던 것 같습니다. HTML Element를 생성하는 방법은 여러가지가 있는데요 오늘은 ...

Posted by Dev X on August 18, 2020

[TIL] 코드스테이츠 3주차

일요일 티스토리가 유지보수를 포기했다는 소문을 듣고 깃 블로그로 이동. 하는 수 없이 마크 다운으로 포스팅을 작성하게 되었는데 생각보다 빨리 적응한 것 같다. 지킬 설치 참고 포스팅 [HTML, CSS 그냥 코딩하면 되나요?] 시리즈 3편을 작성 완료했다. 웹 디자인 학원에선 웹표준까지만 배웠었는데 포스팅을 위해 반응...

Posted by Dev X on August 16, 2020

3. 반응형 웹

최적화는 HTML과 CSS에서부터

HTML과 CSS도 계획없이 짜면 노답이다 1. PC, 모바일 웹과 반응형 웹 주소 앞에 .m 또는. mobile가 붙어있는 사이트들이 있습니다. 예를 들면 네이버는 스마트 폰에서 naver.com에 접속을 해도 m.naver.com이라는 주소로 자동 연결이 됩니다. 즉, naver에서는 접속하는 기기의 정보에 맞춰 가장 최적화된 버전의...

Posted by Dev X on August 15, 2020

2. 웹표준과 웹접근성

그때부터였을까.. HTML CSS가 까칠해지기 시작한게...

왜 그렇게 쳐다보세요..? HTML과 CSS 코딩할 때 고려해볼 세 가지 웹 표준과 웹 접근성 웹 접근성과, 웹 표준 개념이 한국에 들어온 지 꽤 많은 시간이 지났습니다. 권장 지침이기 때문에 대수롭지 않게 생각할 수 있지만 공공 또는 일부 민간 사이트에선 웹 접근성을 보장할 것이 의무화되어있습니다. 나는 웹 접근성 의무가 없는데 굳이 지켜야...

Posted by Dev X on August 12, 2020