하루 한 걸음, 개발 블로그

syntax error 구문 오류 문법적으로 유효하지 않은 코드를 해석하려고 시도할 때 발생하는 오류. 프로그램 실행 전 발생하는 오류로 구문 오류가 있으면 웹 브라우저가 코드를 분석하지 못하므로 실행되지 않음. 오류의 위치를 'HTML.Page.html:6' 이렇게 알려주므로 쉽게 해결할 수 있음. console.log('괄호를 안닫음...' 실행하면 **SyntaxError: missing ) after argument list** exception 예외 / runtime error 런타임 오류 SyntaxError 외의 모든 에러 TypeError, ReferenceError, RangeErrorr가 예외로 분류됨, 프로그램 실행 중 발생. - TypeError 값이 기대하던 자료형이 아니라서 연산..

2 way data binding (양방향 바인딩) Data binding : 객체와 데이터를 일치시키는 것 두 데이터 혹은 정보의 소스를 모두 일치시키는 기법. 즉 화면에 보이는 객체와 브라우저 메모리에 있는 데이터를 일치시킨다. JSX Data binding 자바스크립트 데이터를 HTML에 넣어주는 것. Js 데이터를 HTML 데이터와 같도록 해주는 것. function App() { var data = 'Hello World!'; return ( { data } ) } //결과 Hello World! 리액트는 이렇게 중괄호 안에 데이터 바인딩하고 싶은 함수를 적는다. 양방향 바인딩(2-way data binding)의 경우, 사용자의 입력값이 곧바로 코드 상의 변수에 바인딩 될 수 있지만(Angul..

React... 폴더를 만들고 ref 코드를 뜯어보며 이해하려 노력 중...😂 ✔️ 비구조화 할당 Destructuring Assignment 배열의 비구조화할당 배열이나 객체의 속성 혹은 값을 해체하여 그 값을 변수에 각각 담아 사용하는 자바스크립트 표현식 - 배열 선언 및 호출 문법 const [변수명1, 변수명2, 변수명3] = [값1, 값2, 값3]; Spread Operator var 새로운객체명 = {...기존객체명}; var 새로운배열명 = [...기존배열명]; // obj 객체를 newObj 객체에 복제 var obj = { a: 10, b: 20 }; var newObj = {...obj}; console.log(newObj); // {a: 10, b: 20} // arr 배열을 newA..

✔️ ES (ECMA Script) : Javascript의 표준 규격 - JavaScript의 탄생과 표준이 정해지다- JavaScript는 1990년대 Netscape사의 브렌던 아이크(Brendan Eich)에 의해 최초 개발. 선풍적인 인기를 끌기 시작하자 Microsoft사에서도 IE3(인터넷 익스플로러3)에 JScript라는 이름으로 JavaScript를 탑재. 그러나 둘의 내용이 매우 달라서 같은 기능을 구현해도 개발자들이 해야할 일과 시간이 훨씬 늘어나게 됨. 서로 사용자를 늘이기 위해 여러 기능을 추가해 Javascript와 JScript는 갈수록 다른 경향을 보였고, 결국 European Computer Manufacturers Association (ECMA, 현 ECMA Intern..

[항해99] REACT 강의 KEYWORD Props Drilling PropTypes https://ko.reactjs.org/docs/typechecking-with-proptypes.html#gatsby-focus-wrapper object literal default argument Hook const 는 변경할 수 없는 상수 인데, 어떻게 setState를 이용해서 값을 변경할 수 있는지 component lifeCycle component reRendering 조건 children으로 component 만들기 원시 데이터 타입 객체, 배열, 함수의 불변성을 지키면서 값을 수정할 수 있는 메서드 null과 undefined 정의와 두 키워드의 차이점 자바스크립트 파일 절대경로, 상대경로 설정하는..

🥰 웹 꾸미기 재밌어! 이제 드디어 주특기 React 입문 주차가 시작됐다! 첫 번째로 오늘 개인 과제는 간단한 form을 만들고 Netlify에 배포하는 것이었다. https://jolly-cannoli-340a48.netlify.app/ React S.A Assignment Survey This is a space for developers!Please fill out the survey below. jolly-cannoli-340a48.netlify.app 그저 웹폰트를 가져와서 색깔을 넣었을 뿐인데 예쁜 색을 보니 마음이 편안해졌다. 리액트 파비콘도 만들어서 넣었다. 리액트 로고 색감도 모양도 마음에 든다. React를 오늘 처음 만났지만 마치 나와 함께라면 어디든 갈 수 있어!라고 말하는 우주를..

👊🏻 오늘 한 일 알고리즘 문제 29 ~ 30번(30번 다 못 풀었음) 11시 ~ 3시 알고리즘 테스트 알고리즘 테스트 3번 문제 풀기 TIL 쓰기 😲 오늘 느낀 점 몸상태가 너무 별로다. 약을 먹어도 허리가 끊어질 것 같다. 자바스크립트 공부를 거의 못해서 공부를 더 하고 자려고 했는데 눈이 계속 감긴다. 알고리즘 챌린지 문제와 테스트 3번 문제에 계속 매달렸는데 해결을 못 했다. 끝까지 혼자 풀어보고 싶었는데 속상하다. 이번 주 공부 계획의 반의 반의 반도 못 지켰다. 😭 알고리즘에 집착하면 몇 시간이 금방 사라진다. 진도를 쭉쭉 빼고 싶은 마음은 굴뚝같은데 내 머리가 따라주지 않는다. 그래도 첫날 함수 호출도 못하던 때보다는 훨씬 나아진 것 같다. 처음에 html 기초 공사를 잘해야 하듯 알고리즘 ..

👊🏻 오늘 한 일 알고리즘 문제 26 ~ 28번 11시 자바스크립트 언어 스터디 운동 그리고 낮잠 TIL 쓰기 😲 오늘 느낀 점 요즘 몸 상태가 별로라는 걸 알고있었는데 계속 카페인을 들이붓다가 오늘 후폭풍을 맞았다. 운동을 하기 전까지는 괜찮았는데 운동을 하고와서 밥을 먹으니 참을 수 없이 졸렸다. 푹 자고 일어나서 개운했지만 공부를 너무 못해서 속상했다. 약을 먹어도 허리가 계속 아프고 몸에 힘이 없다. 회사에 다닐 때도 이럴 때 버티다가 결국 조퇴했었는데 이런 시기가 올 때마다 내 의지와 다르게 말을 듣지 않는 몸이 원망스럽다. 그렇게 푹 잤는데 또 졸리다. 연어와 육회...먹을 것만 계속 생각난다. 오늘은 일찍 자고 내일은 일찍 일어나서 알고리즘 시험 대비 문제도 훑어보고 열심히 많이 공부해야겠다..

👊🏻 오늘 한 일 알고리즘 문제 25 11시 자바스크립트 언어 스터디 발표 1시 ~ 3시 알고리즘 모의고사 3시 알고리즘 스터디 알고리즘 모의고사 문제 2 ~ 3번 풀기 20시 기술 매니저님께 알고리즘 질문 TIL 쓰기 😲 오늘 느낀 점 오늘 하루가 정말 쏜살같이 지나갔다. 아침에 일어나서 어제 못 풀었던 알고리즘 문제를 풀고 자바스크립트 화살표 함수를 공부했다. 11시 언어 스터디 발표에서는 객체와 관련된 개념들을 설명했다. 내가 맡은 부분은 객체를 가볍게 훑고 지나가는 느낌이었다. 그래서 나도 너무 깊게 하나의 개념을 설명하기보다 큰 그림을 그려서 보여주고 싶었다. 팀원분들의 이해를 도와줄 수 있게 잘 정리된 글(공식문서 위주) 링크들을 많이 넣었다. this와 관련해서 이야기가 오갔다. 1시에 알고..

2022.10.24 - [⛵ 부트캠프, 항해99/JavaScript 문법 뽀개기] - JavaScript 문법 뽀개기 JavaScript 문법 뽀개기 1-4. 변수 * let 변수이름=값 변수 을 선언했고 해당 변수에 을 할당했다고 함. ㅇ 자바스크립트에서는 변수를 선언하는 const 라는 키워드도 있어요! const 변수이름 = 값 const는 let과 달리 변수에 값 choisoobin96.tistory.com 2022.11.18 - [⛵ 부트캠프, 항해99/TIL] - Javascript_221118 TIL Javascript_221118 TIL 🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 동적..