본문 바로가기

분류 전체보기

(78)
자바스크립트 정리하며 배우기[02] - 변수 선언 var, let, const 개념 및 차이 안녕하세요. Tay 입니다. 변수 사전적의미는 가변적인 수를 의미한다. 프로그래밍에서의 변수는 가변적인 수를 담는 그릇 이라고 표현할 수 있다. 자바스크립트의 변수(Variable) 은 var , let , const 라는 예약어로 이루어져있다. var variable 의 약자로 초장기 자바스크립트의 변수는 이 예약어를 통해서 선언했다. var 로 선언된 변수는 자료형에 상관없이 사용할 수 있다. MDN var 내용보기 var 변수명 = 데이터 형식으로 사용할 수 있다. 직접 코드를 돌려보며 확인하기 위하여 이전의 index.html 에 variable.js 를 추가하기로 한다. 1) index.html 2) variable.js var name = "kimgeuntae"; var age = 23; va..
자바스크립트 정리하며 배우기[01] - Hello JavaScript! 안녕하세요. Tay 입니다. 자바스크립트는 세계에서 가장 오해받는 언어 라는 말이 있습니다. 저 또한 자바스크립트를 매우 쉬운 언어라고 생각했고 중요하게 생각하지 않았습니다. 말 그대로 대충 배웠습니다. 하지만 자바스크립트는 모든 웹 브라우저 에서 작동되며 어쩌면 세상에서 가장 중요한 언어 일지도 모릅니다. 앞으로 자바스크립트를 MDN 기반으로 기초부터 개념까지를 정리 할 계획입니다. 또한, 이 글을 통해 읽어주시는 분들에게 도움이 되길 바랍니다. 1. 자바스크립트 웹 브라우저에서 동작하는 스크립트 언어 이며, DOC 과 함께 웹을 구성하는 언어이다. 2. 자바스크립트 핵심 개념 1) 객체 자바스크립트는 프로토타입기반 객체지향 언어이다. 그렇기때문에 자바스크립트의 거의 모든 것이 객체다. ※ 객체 개념 ..
[React 에러] This is likely because you're using an outdated version of create-react-app. 리액트를 설치하려고 할때 openssl config failed: error:02001003:system library:fopen:No such process A template was not provided. This is likely because you're using an outdated version of create-react-app. Please note that global installs of create-react-app are no longer supported. 위 와 같은 에러가 발생 할 경우, 리액트 create-react-app 의 버전이 오래 됐기 때문이다. 이러한 경우 npx create-react-app my-app 로 업데이트를 받거나 npm uninstall -g cr..
[Angular] 개발 서버 실행하기 ng serve 명령어로 실행 Angular CLI 개발 서버가 실행 되고 자동으로 수정사항 빌드한다.
[Cors 에러] has been blocked by CORS policy 원인 및 해결 CORS = Cross Origin Resource Sharing 원인: 도메인이나 포트가 다른 요청을 하는 경우에 발생 한다. 나의 경우 더보기 Access to XMLHttpRequest at 'http://localhost:8080/signup' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status. 앵귤러 설정 중 위 에러가 발생 했고, 말 그대로 앵귤러는 4200 포트로 요청하고, 서버는 8080 포트를 사용하기 때문에 포트가 다르다. 그래서 CORS 가 ..
[Angular 에러] formGroup expects a FormGroup instance. Please pass one in. 원인 및 해결 해당 에러가 발생할 경우 1. html 에서 form group 을 form 으로 선언 하지 않은 경우 2. ts 에서 group 을 form 으로 선언 하지 않은 경우 원인 : registerForm: FormGroup; registerPayload: RegisterPayload; constructor( private formBuilder: FormBuilder, private authService: AuthService ) { this.formBuilder.group({ username: "", email: "", password: "", confirmPassword: "" }); 내 코드의 경우 form 을 선언했지만, constructor 의 group 을 form 으로 넘기지 않았다. 해결 : ..
[Angular 에러] Error: StaticInjectorError(AppModule)[HttpClient] 원인 및 해결 해당 에러는 appModule 에 HttpClientModule 을 선언하지 않아서 그런 것 입니다. app.module.ts 에 import { HttpClientModule } from '@angular/common/http'; import 하시고 imports: 에 HttpClientModule 을 추가하세요.
[Spring boot 에러] @EnableWebSecurity cannot be resolved to a type spring boot 원인 및 해결 스프링 시큐리티 어노테이션을 추가하려고 @EnableWebSecurity 을 클래스에 추가하였는데 제목처럼 cannot be resolved to a type spring boot 라고 나오는 경우에는 dependency 를 확인해보자. pom.xml / dependencies 목록에서 org.springframework.boot spring-boot-starter-security 위 내용이 있는지 확인 후 없다면 추가해준다. 그리고 다시 import 해보면 된다. 그래도 해결이 안되는 경우 parent version 을 확인 해보자.