profile
아는 것을 잘 설명할 수 있는 개발자되기👩🏻‍💻

www.google.com을 검색하면?

DNS(Domain Name System) : URL들의 이름과 IP주소를 저장하고있는 데이터베이스인터넷에 있는 모든 URL들은 고유의 IP주소가 지정되어있음→ 이 IP주소를 통해 해당 웹사이트를 호스팅하고있는 서버 컴퓨터에 접근 가능즉, DNS 는 전화번호부와 비슷한

2023년 5월 14일
·
0개의 댓글
·

[undefined/null] undefined 와 null 의 차이

타입명의 값이 유일undefined 타입의 값은 undefined가 유일null 타입의 값은 null이 유일원시자료형 undefined로 분류선언한 후에 아무것도 할당받지 않은 상태를 의미var 키워드로 선언한 변수는 암묵적으로 undefined로 초기화 됨변수 선언에

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

대학 졸업부터 신입 프론트엔드 개발자까지 .. 회고

대학 졸업 이후부터 신입 프론트엔드 개발자가 되기까지의 회고

2022년 10월 31일
·
1개의 댓글
·
post-thumbnail

원티드 프리온보딩 프론트엔드 코스 회고

원티드에서 진행한 프리온보딩 프론트엔드 코스는 일정 수준의 기술역량을 갖춘 사람을 대상으로 기업의 과제를 팀 단위의 동료 학습으로 빠른 역량 향상과 취업을 목표로 하는 프로그램이다.커리큘럼도 다양한 경험을 할 수 있어 보였고, 매주 2개씩 나오는 과제들로 빡세게 학습할

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

나는 리액트를 어떻게 설계할 것인가?

리액트를 공부한지 약 2~3개월이 되었는데, 이전에는 단순히 CRA(create-react-app)로 리액트 프로젝트를 생성하고 책이나 강의를 통해 따라서 구현하곤 했다. 그런데 팀이 생기고 협업을 진행하다보니, 프로젝트를 진행할 때 어떤 패턴을 사용할 것인지, 폴더

2022년 2월 19일
·
1개의 댓글
·
post-thumbnail

2021 회고 ... 그리고 2022를 맞이하며

벌써 2021년이 끝났다!! 시간은 점점 더 빨리 가는 것 같다.😂2021 회고를 위해 2021을 맞이하며 작성했던 글을 다시 읽어보았다.2021년을 맞이하며 새해 다짐(?) 글은 요기GitHub 잔디밭 채우기(1day 1commit)효율적으로 공부하기부지런한 사람되

2022년 1월 2일
·
2개의 댓글
·

[Garbage Collector] 자바스크립트 메모리 관리 - 가비지컬렉터(GC)

메모리 생존주기는 프로그래밍 언어와 관계없이 아래 과정으로 동작된다.필요한 메모리 할당할당된 메모리 사용(읽기, 쓰기)해당 메모리가 필요 없어지면 해제하지만 1, 3번은 저수준 언어에서는 명시적이고, 대부분의 고수준 언어에서는 암묵적으로 작동한다.음.. 요리로 예를 들

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

[MultiTasking/MultiThread] 멀티태스킹과 멀티스레드

이전 글 내용처럼, 프로세스가 메모리에 올라갈 때 운영체제로부터 자원을 할당받는다. 이 때 각각 독립된 메모리 영역(Code/Data/Stack/Heap) 을 할당해주기 때문에 프로세스는 다른 프로세스의 변수나 자료에 접근할 수 없다. 이와 다르게 스레드는 메모리를 서

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

[Process/Thread] 프로세스(Process)와 스레드(Thread)

너무나도 기본 개념인 프로세스와 스레드에 대하여 알아보자.컴퓨터에서 실행할 수 있는 파일을 프로그램이라고 하는데,프로그램이란 파일이 저장 장치에 저장되어있지만 메모리에는 올라가 있지 않은 정적인 상태를 말한다.이러한 프로그램을 실행하면, 프로그램 파일은 컴퓨터 메모리에

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

[Hot Module Replacement] Hot Module Replacement, HMR

webpack에서 제공하는 가장 유용한 기능 중 하나모든 종류의 모듈을 새로고침 할 필요 없이 런타임에 업데이트 가능모듈 전체를 다시 로드하지 않고 애플리케이션이 실행되는 동안 교환, 추가 또는 제거전체 로드 중 손실되는 애플리케이션의 상태 유지변경된 사항만 갱신하여

2021년 10월 10일
·
0개의 댓글
·

[Transpile] Transpile, 트랜스파일링(Transpiling)

어떤 특정 언어로 작성된 소스 코드를 다른 소스 코드로 변환하는 것모든 브라우저가 ES6+의 기능을 제공하지 않기 때문에 이를 ES5 코드로 변환시키는 과정 필요(Babel)Compile입력과 출력의 추상화 수준이 다름C언어로 작성된 소스코드를 기계어로 변환Transp

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

[Bundling] 번들링(Bundling)이란?

소프트웨어가 커지면 커질수록 각각의 세분화된 모듈 파일이 늘어나고, 모듈 단위의 파일들을 호출할 때 신경써야하는 각 변수들의 스코프 문제, 그리고 호출할 때 생겨나는 네트워크도 신경써야 한다.⇒ 이러한 문제를 바탕으로 나온 것이 웹팩의 번들링 개념"어떤 것들을 묶는다"

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

[webpack] 웹팩(webpack), 웹팩(webpack)의 구성요소

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling,

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

[SPA] SPA(Single Page Application)이란?

전통적인 과거의 웹 사이트는 문서 하나에 전달되는 파일의 용량이 작았음→ 어떤 요소를 한 번 클릭하면 Server에서 완전히 새로운 페이지를 전송 (용량이 작았기 때문에 부담X)→ SSR(Server Side Rendering, 서버 사이드 렌더링) 방식으로 화면에 보

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

[HTML/CSS] CSS를 HTML에 적용하는 방법과 장단점(Inline Style Sheet, Internal Style Sheet, Linking Style Sheet)

CSS를 HTML에 적용하는 방법 세 가지를 알아보자! HTML 태그의 style 속성에 CSS 코드를 넣는 방법 장점 직관적 사용 가능 단점 꾸미는데 한계가 있고, 재사용이 불가능함 HTML 문서 안의 <style>과 </style> 안에 CSS 코

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

[교생실습후기/정보교과] 정보교과 교생실습 후기(2)

지난 글에 이어서 교생실습후기를 마무리하고자 한다! 1탄은 요기 클릭 우당탕탕 첫 출근과 첫 수업을 마쳤다.첫 수업에서 아이들이 생각보다 잘 따라오지 못하고, 천천히 자세하게 설명해주어야한다는 피드백을 바탕으로 두번째 수업부터는 원활하게 진행할 수 있었다. 점점 익숙해

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

[DB설치] MongoDB 설치 방법(Windows에 MongoDB 설치하기)

오늘은 윈도우에 MongoDB 설치하는 방법을 알아보자! 우선 MongoDB설치 사이트에 접속하여 알맞은 버전을 선택하고 Download 버튼 클릭! MongoDB 설치 사이트 바로가기

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

[교생실습후기/정보교과] 정보교과 교생실습 후기(1)

정보교과로 교생실습을 다녀온 후기를 적어보려고 한다! 계속 미루다가 이제야 적게 되었다.. ㅎㅎ 교직 이수 교직 이수는 교원이 되기 위해 필요한 이론이나 기술을 습득하는 과정이다. 나는 사범대가 아닌 공과대 컴퓨터소프트웨어공학과에 재학중이기 때문에 따로 교직이수를 신

2021년 8월 2일
·
5개의 댓글
·
post-thumbnail

[OS] 운영체제 공부 - 컴퓨터의 구조와 성능 향상(2)(시스템 버스, 제어 버스, 주소 버스, 데이터 버스, 메모리, RAM, ROM, 부팅)

오랜만에 OS다! 이제 꾸준히 공부하는 시간을 가져야겠다. 지난 글에서 레지스터 종류까지 작성했다. 오늘은 시스템 버스, RAM, ROM, 부팅에 대해서 알아보자.

2021년 7월 31일
·
0개의 댓글
·

[JavaScript] 문자열 내장 함수(1)(substr, substring, slice, split, concat, toLowerCase, toUpperCase)

⇒ start 인덱스부터 length 길이만큼 string을 잘라내어 반환예시⇒ start 인덱스부터 last 인덱스 바로 앞까지 string을 잘라내어 반환예시⇒ substring()과 동일파라미터의 start, end 요소가 start>end인 경우substring

2021년 7월 25일
·
0개의 댓글
·