profile
On's Tech Blog
post-thumbnail

[CSS] 0px vs 0

다양한 사이트에서 0 vs 0px 에 대한 토론이 이뤄졌었던 것을 확인했고 그에 대해 공통적인 의견을 정리해보았는데 그 내용은 아래와 같다.

2022년 4월 29일
·
0개의 댓글
post-thumbnail

[Babel] Babel을 사용하는 이유

"Babel은 자바스크립트 컴파일러입니다"Babel은 현재 및 이전 브라우저 또는 환경에서 ECMAScript 2015+(ES6 이상) 코드를 이전 버전의 JavaScript로 변환하는 데 주로 사용되는 툴체인입니다.Babel 공식문서우리가 운영하는 웹 사이트가 모든

2022년 4월 29일
·
0개의 댓글
post-thumbnail

[JavaScript]innerHTML은 안전한가?

innerHTML과 XSS에 대해서

2022년 4월 9일
·
0개의 댓글
post-thumbnail

[코어자바스크립트] CH6 프로토타입

코어자바스크립트 - 정재남 저 를 읽고 개인적으로 정리한 내용입니다. 자바스크립트는 프로토타입 기반 언어이다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형(Prototype)으로 삼고 이를 복제(참조)함으로써 상속과 비슷한

2022년 3월 20일
·
0개의 댓글
post-thumbnail

[코어자바스크립트] CH5 클로저

코어자바스크립트 - 정재남 저 를 읽고 개인적으로 정리한 내용입니다. 우선 클로저(Closure)는 자바스크립트의 고유의 개념이 아닌 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성이다.따라서 클로저를 설명하는 다양한 방법이 있는데, 그 중에서 MDN의 클로저에

2022년 3월 15일
·
0개의 댓글
post-thumbnail

[코어자바스크립트] CH4 콜백 함수

코어자바스크립트 - 정재남 저 를 읽고 개인적으로 정리한 내용입니다. 콜백 함수(Callback Function)는 다른 코드의 인자로 넘겨주는 함수이다.콜백 함수를 매개변수로 받는 함수(메서드)들이 있는데, 예로 몇가지 들어보면 콜백 함수에 대한 이해가 쉬워질 수 있

2022년 3월 4일
·
0개의 댓글
post-thumbnail

[코어자바스크립트] CH3 this

코어자바스크립트 - 정재남 저 를 읽고 개인적으로 정리한 내용입니다. 자바스크립트에서 this는 기본적으로 함수가 호출될 때 함께 결정된다. (함수가 호출될때 생성되는 실행 컨텍스트는 생성과 동시에 this 바인딩

2022년 3월 1일
·
0개의 댓글
post-thumbnail

MVC를 쓰지 않으려고했기 때문에 MVC를 쓸 것이다.

로또 미션의 목표 경험“UI와 도메인 영역을 분리해 독립적으로 모델링과 설계를 고민해보고 테스트로 검증해보는 경험”나와 페어인 동키콩은 해당 목표를 보고 극단적으로 도메인 영역과 UI 영역을 나눠서 개발을 했다.디렉토리 이름도 형편없었다. domain/ 과 ui/ ..

2022년 2월 25일
·
0개의 댓글
post-thumbnail

[코어자바스크립트] CH2 실행 컨텍스트

코어자바스크립트 - 정재남 저 를 읽고 개인적으로 정리한 내용입니다. 실행 컨텍스트(execution context)는 실행할 코드를 제공할 환경 정보들을 모아놓은 객체이다. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 해당 역할들을 수행한다. 선언된 변수를

2022년 2월 25일
·
0개의 댓글
post-thumbnail

[코어자바스크립트] CH1 데이터 타입

코어자바스크립트 - 정재남 저 를 읽고 개인적으로 정리한 내용입니다. 데이터 타입의 종류에는 기본형과 참조형으로 크게 두가지가 있다. 기본형 : 값이 담긴 주솟값을 바로 복제 참조형 : 값이 담긴 주솟값들로 이루어진 묶음을 가리키는 주솟값을 복제

2022년 2월 25일
·
0개의 댓글
post-thumbnail

[JavaScript] var 와 let,const / 변수 호이스팅

왜 우테코 프로그래밍 요구사항에서는 var 를 사용하지말고 const 와 let 을 사용하라고 할까? 그에 대한 이유에 대해 생각해보면서, var 와 let , const 의 차이점을 알아보고 동시에 변수 호이스팅에 대해서도 알아보자

2022년 2월 17일
·
0개의 댓글
post-thumbnail

[React] Redux Tookit(RTK)

https://velog.io/@cks3066/ReactRedux해당 게시글을 통해 이미 리덕스에 대해 다뤘었다.프로젝트를 진행하며 실제 리덕스를 적용하여 사용하게 됨에 따라 필요한 모든 코드를 작성해야하는 naïve한 리덕스는 프로젝트에 리덕스 도입을 꺼리게

2022년 1월 4일
·
0개의 댓글

[프로젝트 회고] 회고 작성법

프로젝트를 마친 뒤 해당 프로젝트의 경험이 온전히 내 것이 될 수 있도록 프로젝트 회고를 하고자 한다.

2022년 1월 4일
·
0개의 댓글
post-thumbnail

[인터넷]HTTP

HTTP > HTTP(Hyper Text Transfer Protocol)은 인터넷에서 데이터를 주고받을 수 있는 프로토콜(약속)이다. 웹에서는 Client와 Sever의 요청과 응답이 기본이 되어 통신을 하기 때문에 HTTP도 서버와 클라이언트의 요청과 응답의 방식

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

[인터넷]웹의 동작 방식

웹 브라우저 안에서 웹페이지를 볼 때 무슨 일이 일어나는가?웹에 연결된 컴퓨터는 클라이언트와 서버라고 한다. 그들은 아래와 같은 그림으로 상호작용한다.클라이언트는 일반적인 웹 사용자의 인터넷이 연결된 장치들(컴퓨터, 스마트폰)과 이런 장치들에서 이용가능한 웹에 접근하는

2021년 9월 3일
·
0개의 댓글

[인터넷]인터넷의 작동 원리

인터넷(Internet) 이란 정보를 담고 있는 각 컴퓨터들을 TCP/IP 라는 통신 프로토콜을 이용해 서로 정보를 주고받도록 한 컴퓨터 네트워크를 말한다. 인터넷? 인터넷(Internet)이라는 단어를 Inter-net으로 나눠보자면, '내부 망'이라는 뜻이다. 인

2021년 9월 2일
·
0개의 댓글

[Auth]Cookie & Session

한 사이트에서 유저가 아이디와 패스워드를 입력하여 로그인에 시도하였다. 서버에서 전달받은 입력 데이터를 바탕으로 로그인에 성공하고 해당 유저에 대한 정보를 프론트에 전달해주었다. 하지만 프론트에서는 받은 유저 데이터를 저장할 곳이 마땅하지 않았기 때문에 유저의 새로고침

2021년 9월 2일
·
0개의 댓글

[웹 보안]암호화

기밀성 (Confidentiality)무결성 (Integrity)인증 (Authentication)데이터가 암호화 되어 있지 않은 경우, 전송되는 데이터는 중간에 탈취될 수 있다.데이터의 내용(개인정보, 비지니스정보)을 보호해주기 위한 웹 보안으로 정보가 탈취되지 않도

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

[JavaScript]Promise(비동기처리)

자바스크립트는 싱글 쓰레드로 동작하는 언어이지만 비동기적 처리가 가능하다."멀티테스킹"A 작업은 1시간이 걸리는 작업이고 B 작업은 1초가 걸리는 작업이라고 할 때,동기적인 처리 방법에서는 A 작업이 끝나야지만 B 작업이 시행된다.1초가 걸릴 작업이 1시간 1초가 걸리

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

[React]Hook

React Hook 공식 문서 바탕의 React Hook 정리 React Hook의 등장배경 클래스형 컴포넌트의 상태 관리의 복잡성과 한계 componentDidMount componentDidUpdate componentWillUnmoun 등 생명주기에 따라 연관성

2021년 9월 2일
·
0개의 댓글