본문 바로가기
728x90
반응형

코딩일기26

WIL-5 JavaScript 의 마무리 그리고 3주차 React를 배우다 WIL-5 JavaScript 의 마무리 그리고 3주차 React를 배우다prologue. 익숙해짐을 배우는 시간배움의 자세를 지속하면 머리에 남는다 배움의 시간을 내려 놓는 순간 머리에서 사라진다. 예전 군대에 있을때를 생각해보자. 막 군입대를 한지 몇일지나지 않아서 우리가 가장 먼저 배우기 시작하는 것은 제식이다. 그리고 제식을 진행하면서 5주동안 수양록과 함께 소중히 간직해야 하는것이 있다. 바로 군가 수첩이다. 필자는 예비역 중사이고 현재 시점으로는 약 2년전 전역했다보니 어떤 상황이 있을때 군 시절과 비교하기를 좋아한다. 입대 당시 이야기를 이어보자면.. 군입대 이후 수양록(일기장과 같은것)을 지급해준다 (요즘은 이름이 바뀐것도 같다.) 그런 수양록과 함께 훈련병 5주의 기간동안 분실하지 않고 .. 2024. 6. 30.
WIL-4 JavaScript 1주차의 시작과 마무리 그리고 2주차 WIL-4 JavaScript 1주차의 시작과 마무리 그리고 2주차Prologue. 시작이 반이다. 그러나 시작부터 잘되는건 없다.무언가 시작하기를, 시도하기를 고민하는 분들이 있다면,시작해라 우선 시작해라. 시작이 반이다.그리고 시작하는 그 순간부터 고생을 동반한 노력을 해야한다. 1. 시작첫 본격 주차과정을 시작하며 WIL을 작성한다.시작이 반이라 했던가? 사전과정을 지나 본 과정을 시작하니 마음가짐이 달라진다. 그리고 이제 본과정이라고 하니 진짜 본격적으로 시작하는 것이구나..뒤쳐지면 어쩌지? 라는 걱정도 함께 있다. 그러나 TIL을 통해 JavaScript 과정을 다시금 복기 하자니 아직 모르는게 많다.그래서 오히려 더 걱정스러운 마음이 더 큰것 같다. 그러나 해야할 것은 지금하지 않으면 나중엔 .. 2024. 6. 24.
TIL-8 콜백 함수와 동기/비동기 처리 TIL-8 콜백 함수와 동기/비동기 처리prologue. 콜백 함수 하나 추가요~그거 콜백지옥 아니야?    1. 콜백함수이번 시간에는 TIL - 7 까지 자주 언급되었던 콜백함수에 대하여 조금 더 자세하게 알아보려고 한다. // setTimeoutsetTimeout(function() { console.log("Hello, world!");}, 1000);// forEachconst numbers = [1, 2, 3, 4, 5];numbers.forEach(function(number) { console.log(number);}); 콜백함수는 위 예제와 같이 setTimeout나 배열에 대한 forEach와 같은  구문에서 사용되었었다. 1- 1 콜백함수란이쯤에서 다시한번 콜백함수란 무엇인지 생각해.. 2024. 6. 22.
TIL-7 javaScript 실행컨텍스트(스코프, 변수, 객체, 호이스팅) 와 this TIL-7 javaScript 실행컨텍스트(스코프, 변수, 객체, 호이스팅) 와 thisprologue. 변수 올라와라~ 호이~호이스팅~ 코드를 이렇게 순서대로 해석하면 되겠군? 아니오 그건 틀렸습니다호이스팅의 마법의 세계로 따라오시죠!    1. 실행컨텍스트JavaScript의 실행컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체다.JavaScript는 어떤 실행 컨텍스트가 활성화 되는 시점에 다음과 같은 일을 한다. 1. 선언된 변수를 위로 끌어 올리는 일 = 호이스팅2. 외부 환경 정보 구성3. this 값 설정 위와같은 현상들 때문에 JavaScript에서는 다른 언어와는 다른 특징들이 나타난다. 1- 1 실행 컨텍스트 란? 콜스택(call stack)실행 컨텍스트란 실행할 코드에 제공.. 2024. 6. 21.
TIL-6 데이터 타입(심화) TIL6 데이터 타입(심화)prologue. 반복되는 개념.. 그리고 반복될 수록 심화되는 개념들.. 끝난줄 알았지? 새로운 개념 하나 더 투~척~!  1. 데이터 타입 심화 JavaScript에서 갑의 타입은 크게 기본형과 참조형으로 구분된다.구분 기준은 값의 저장 방식과 불변성 여부아래 기본형과 참조형의 구분 기준을 참고 하면 이해에 도움이 된다.💡 [기본형과 참조형의 구분 기준]복제의 방식기본형 : 값이 담긴 주소값을 바로 복제참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제불변성의 여부기본형 : 불변성을 띔참조형 : 불변성을 띄지 않음자, “불변성을 띈다” 이 말을 이해하기 위해서 우리는 메모리와 데이터에 대한 내용을 이해해야만 합니다. 아래에서 그 배경지식을 낱낱이 살펴보.. 2024. 6. 20.
TIL-5 프로그래밍 기초1 테스트 (JavaScript) TIL-5 프로그래밍 기초1 테스트 (JavaScript)prologue. 문제를 잘 읽어야 문제를 잘풀지~돌다리고 두들겨 보고 가라는 말이 있듯..문제를 풀때는 문제를 제대로 이해하고 풀어야 한다..   프로그래밍 기초1 테스트 (JavaScript)Q1. 90점을 넘으면 A등급, 아니라면 B등급을 출력하는 소스코드입니다. 빈칸에 들어갈 알맞은 소스코드는?const score = 85;let grade;(빈칸)console.log(score+"점은 "+grade+"등급입니다.");//실행결과 : 85점은 B등급 입니다.(score>90)? score='A' : 'B';(score>90) : score='A' ? 'B';grade=(score>90)? 'A' : 'B';if (score>90) grade.. 2024. 6. 20.
728x90
반응형