2024.01.21 - [프로그래밍 공부/Javascript] - [혼공JS] 예외처리 chapter 8 2024.01.21 - [프로그래밍 공부/Javascript] - [혼공JS] 클래스 chapter 9 2024.01.28 - [프로그래밍 공부/Javascript] - [혼공JS] react 시작 chapter 10 2024.01.24 - [프로그래밍 공부/Javascript] - [혼공JS] 미니 프로젝트- 명언 생성기 2024.01.29 - [프로그래밍 공부/Javascript] - [혼공JS] 자바스크립트 - 콜백? 비동기? ajax & fetch ? 이번주를 끝으로 혼자 공부하는 자바스크립트를 모두 마무리 하였습니다. 물론 자바스크립트를 완벽하게 이해했다고 할수 없고 꾸준히 공부해야겠지만 일..

사실 저번에 명언 생성기 프로젝트를 진행하며 Ajax ,Fetch 메소드에 대해 이해한척 넘어가려 했으나 이는 올바른 공돌이의 자세가 아니므로 좀더 간략화된 저만의 해석으로 써보려합니다 (반박시 여러분 의견이 맞습니다.) 우선 제대로 이해하지 못하고 넘어간 콜백함수 그리고 전혀 모르는 용어들인 Ajax&Fetch, 비동기식과 동기식을 설명해보고자 합니다 콜백함수 참고 사이트 : https://ko.javascript.info/function-expressions 함수를 함수의 인수로 전달하고, 필요하다면 인수로 전달한 그 함수를 "나중에 호출(called back)"하는 것이 콜백 함수의 개념 예제를 보면서 이해하면 쉽습니다 콜백예제 function callThreeTimes(callback) { for..

리액트 라이브러리 사용준비하기 리액트 라이브러리를 불러와서 사용준비! 리액트의 경우 자신만의 문법 JSX를 사용하므로 바벨이라는 라이브러리가 필요하다. 루트 컴퍼넌트 출력하기 컴퍼넌트 : 리액트에서 화면에 출력되는 요소 루트컴퍼넌트 : 최상위 컴퍼넌트 컴포넌트 생성하기 컴포넌트 출력하기 ReactDOM.rendor(컴포넌트,컨테이너) JSX기본문법 {표현식} 동작 순서 1. 컴퍼넌트를 생성하고 -- 이름과 사진을 포함한 컴포넌트 2. 컴퍼넌트를 출력할 div#root 를 저장한뒤 (container) 3. ReactDOM.render 에서 컴포넌트를 컨테이너(div#root)에 출력합니다. 클래스 컴포넌트 클래스로 컴포넌트를 만들어 동작할 수도 있고 함수로도 가능합니다. class 컴포넌트 이름 exte..

어쩌다 보니 혼공단을 통해 책 한권을 거의 모두 공부하게 되었습니다. 아시다싶이 저는 입문과정만 완성했지 말하는 감자 수준입니다. 옆에있는 우리 집 예삐(시고르자브종, 4살)이 코드를 처도 더 잘만들겁니다. 하지만 여기서 멈출수 없고 chatgpt에게 일자리를 빼앗기지 않으려면 성장해야하지 않겠습니까. 이번에 그래서 입문과정을 마무리를 지으면서 프로젝트를 스스로 학습하면서 다시금 복습하고 나아가 행복 코딩을 하는 개발자가 되려고 합니다. 프로젝트 시작 chatgpt의 추천 - 1 랜덤 명언 생성기 : 오픈 API에서 랜덤 명언을 가져와 웹 페이지에 표시합니다. 이 프로젝트는 API 요청 및 DOM 업데이트에 익숙해지는 데 도움이 됩니다. 오픈 api 오픈 api 는 무엇이고 어찌 사용할 수 있나요? 오픈..

2024.01.16 - [프로그래밍 공부/Javascript] - [혼공JS]객체 chapter 6 2024.01.19 - [프로그래밍 공부/Javascript] - [혼공JS] 문서 객체 모델 chapter 7 2024.01.22 - [프로그래밍 공부/Javascript] - [혼공JS] 자바스크립트 -번외편 함수 & 용어들 사실 빨리 졸업하고 싶어서 9장까지하고 제출한다는게 너무 욕심부려 늦게 제출합니다. 8장,9장은 다음주껄로 올리겠습니다. 제 나름 열심히 했긴 했습니다.... 흙흙 기본미션 : 비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기 파괴적 처리: 처리 후 원본이 내용이 변경되는 처리를 의미한다. 장점 : 파괴적 처리는 내부수정으로 이루어짐 ->추가적인 메모리가 필요없다. ->메모리를..

You Don't Know JS Yet-저자St Laurent Simon, Drasner Sarah, Simpson Kyle출판Independently Published출판일2020.03.03한빛미디어  - You Don't Know JS yet그런데 .... 혼공JS도 다 끝나가는데 이제 초급이 아닌 중상급이 되야지! 포부도 당당하게 도전하겠다 마음먹고 구매했습니다....클로저는 뭐고 , 호이스팅은 뭔가... 또 스코프는 뭐시여....  전 그런 어려운 용어 배운적 없습니다 ㅠㅠ....초급자에서 중급자로 승급하는것이 이렇게 어렵습니다.... ㅠㅠ 그래서 새로운 책을 공부하기전에 모르는 용어들을 찾아보고 공부하기 위해서 이 글을 쓰고 있습니다. 1. 스코프 스코프 정의스코프는 참조 대상 식별자(ident..

추상화 프로그램에 필요한 요소만 사용해서 객체를 표현하는 것을 추상화라고 함 같은 형태의 객체 만들기 학생들의 이름 및 성적을 배열로 만들고 반복문 출력을 통해 평균과 총합을 구함 객체를 처리하는 함수 직접 출력부분에 넣어서 처리하기보단 함수로 처리하면 더 쉽게 유지보수 가능하며 필요한 부분에서 다시 가져다 쓸 수 있다 객체의 기능을 메소드에 추가하기 객체가 하나일때는 그냥 함수를 따로따로 만들어서 사용해도 좋지만 객체가 늘어날 수록 함수 이름이 충돌할 수 있습니다. 따라서 객체내부에 메소드를 사용하여 사용하기 편하게 만듭니다. 추가로 객체를 찍어 낼수 있는 함수도 만들었습니다. 이렇게 객체를 함수로 만들게되면 -오탈자의 위험이 줄어들고 -코드 입력이 줄어들고 마지막으로 속성과 메소드를 하나의 함수로 관..

오류의 종류 구문오류 - 프로그램 실행 전 오류 웹브라우저가 실행조차 못해 분서을 못함 ex : 괄호를 열고 닫지않음 , 선언되지 않은 변수 사용 등등 런타임 오류, 예외 - 프로그램 실행 중 오류 문법적으로 틀린게 없어 일단 실행은 됨 하지만 의도치 않은 결과가 나옴 ex : 구문오류를 제외한 모든 오류들 - TypeError,ReferenceError,RangeError 기본예외처리 조건문을 사용해소 예외가 발생하지 않게 만드는 것 고급 예외 처리 try catch finaally 구문을 사용! try 안에서 예외를 발생하면 이를 catch 구문에서 처리합니다. try 구문 안에서 예외 발생시, 더 이상 try를 진행하지 않고, catch 구문을 실행합니다. finally 구문은 무조건 실행되는 코드..