본문 바로가기

전체 글

[JS] 자바스크립트 함수, 순수 함수/일급 함수,함수 표현식/함수 선언식/화살표 함수, 함수 호이스팅
[JS] 자바스크립트 함수, 순수 함수/일급 함수,함수 표현식/함수 선언식/화살표 함수, 함수 호이스팅 2024. 3. 24. *해당 포스팅은 김기수의 '코딩 자율학습 HTML + CSS + 자바스크립트', 정재남의 '코어 자바스크립트' 도서를 참고했습니다.* 함수 함수 4 函數 명사 수학 두 개의 변수 x, y 사이에서, x가 일정한 범위 내에서 값이 변하는 데 따라서 y의 값이 종속적으로 정해질 때, x에 대하여 y를 이르는 말. y가 x의 함수라는 것은 y=f(x)로 표시한다. 자바스크립트에서 함수(function)는 어떤 목적을 가지고 작성한 코드를 모아 둔 블록문이다. 코드를 함수로 만들면 함수를 호출해 함수 내부에 모아 둔 여러줄의 코드를 한 번에 실행할 수 있다. 그러므로 재사용이 편하다. 그림으로 예를 들어 보겠다. 아이디어가 샘솟는 사업가가 있다. 이는 도자기를 생산해 판매할 생각이라 점토를 많이 사들였다. 대량..
[JS] 자바스크립트 const, 깊은 복사/얕은 복사
[JS] 자바스크립트 const, 깊은 복사/얕은 복사 2024. 3. 23. *해당 포스팅은 김기수의 '코딩 자율학습 HTML + CSS + 자바스크립트', 정재남의 '코어 자바스크립트' 도서를 참고했습니다.* const const는 constant인 '상수'의 어원으로 말 그대로 변하지 않는 상수를 의미한다. const도 let과 같이 ES6에서 추가됐는데, 기본 내용은 let과 비슷하다. let과 다른점이 있다면, 재할당이 안 된다. 그래서 상수 변수를 선언할 때 사용하는 키워드라고 부른다. 선언과 동시에 값이 할당되어야 하며, 메모리에 시작과 동시에 공간이 할당됨을 의미한다. const num = 20; num = 10; Cannot assign to "num" because it is a constant 재할당이 되지 않는다. 또한, 선언을 먼저 하고 할당을 나중에 하는 ..
[JS] 자바스크립트 변수 var/let, 호이스팅, 블록 스코프/함수 스코프, 불변값/가변값
[JS] 자바스크립트 변수 var/let, 호이스팅, 블록 스코프/함수 스코프, 불변값/가변값 2024. 3. 23. *해당 포스팅은 김기수의 '코딩 자율학습 HTML + CSS + 자바스크립트', 정재남의 '코어 자바스크립트' 도서를 참고했습니다.* (Link) 지난 포스팅에서 자바스크립트의 변수의 정의와 할당/선언, 그리고 메모리 구조에 대해서 알아봤다. 이번 포스팅에서는 자바스크립트의 변수의 종류는 무엇이 있는지, 각 특징은 무엇인지 알아보겠다. 종류는 총 3가지이다. 하지만 내용이 길어지는 관계로 const는 다음 주제에서 다룬다. 자바스크립트 변수의 종류 그 전에, 변수마다 사용되는 스코프가 다르다. 스코프(scope)는 식별자에 대한 유효 범위를 이야기한다. 그 식별자가 어느 범위까지 살아있는가?를 보면 된다. 스코프 (Scope) 스코프는 변수나 함수와 같은 참조 대상 식별자를 찾아내기 위한 규칙이다. 자바..
[JS] 자바스크립트 변수의 정의, 선언/할당, 메모리 구조, 리터럴
[JS] 자바스크립트 변수의 정의, 선언/할당, 메모리 구조, 리터럴 2024. 3. 23. *해당 포스팅은 김기수의 '코딩 자율학습 HTML + CSS + 자바스크립트', 정재남의 '코어 자바스크립트' 도서를 참고했습니다.* 1. 변수란? 변수란 흔히 '변할 수 있는 수'라고 알려져있다. '수'라고 해서 숫자만 포함되는 것이 아닌, 말 그대로 변할 수 있는 '데이터'를 의미한다. 데이터를 저장하는데 사용되는 이름이 붙은 저장소, 변수를 사용함으로 우리가 원하는대로 저장, 수정, 검색할 수 있다. 아마 흔히들 이렇게 생각할 것이다. name이라는 변수명(식별자)에 "seo"라는 문자열을 담으면, 메모리에 name이라는 곳이 "seo"일 것이라고. 하지만 실제로 이렇게 저장되진 않는다. 변수 vs 식별자? 변수와 식별자의 의미를 명확히 할 필요가 있다고 생각한다. 변수는 말 그대로 변할 수 있는 ..
[Spring] Spring DI (Chapter 3) - 1
[Spring] Spring DI (Chapter 3) - 1 2024. 2. 12. * 이 포스팅은예제 코드를 생략한다. * 예제 코드는 https://github.com/seoeunhyo/Spring seoeunhyo/Spring 스프링 프로그래밍 개인 공부 . Contribute to seoeunhyo/Spring development by creating an account on GitHub. github.com * 최범균의 스프링5 프로그래밍 도서를 참고했다. 1. 의존이란? DI는 Dependency Injection의 약자로, 의존 주입이라고 번역한다. 여기서 말하는 의존은, 객체 간의 의존을 의미한다. 예를 들어, 회원가입을 생각할때 존재하는지 여부를 확인할 때 Dao의 클래스의 메서드를 사용한다는 점이다. 이를 객체(클래스)간 의존한다고 표현할 수 있다. 의존하는 객체를 ..
[Spring] Spring을 시작하기(Chapter 2)
[Spring] Spring을 시작하기(Chapter 2) 2024. 2. 10. * 이 포스팅은예제 코드를 생략한다. * 예제 코드는 https://github.com/seoeunhyo/Spring seoeunhyo/Spring 스프링 프로그래밍 개인 공부 . Contribute to seoeunhyo/Spring development by creating an account on GitHub. github.com * 최범균의 스프링5 프로그래밍 도서를 참고했다. 먼저 아래와 같이 폴더 구조를 만든다. pom.xml에 해당 내용을 입력한다. 4.0.0 sp5 sp5-chap02 0.0.1-SNAPSHOT org.springframework spring-context 5.0.2.RELEASE maven-compiler-plugin 3.7.0 1.8 1.8 utf-8 : 프로젝트 식별자..
[Eclipse] 가로줄 없애기, Remove horizontal line
[Eclipse] 가로줄 없애기, Remove horizontal line 2024. 2. 5. 이클립스를 사용할 때, 2~3줄 간격으로 가로줄이 생기는 현상이 있었다. 선만 생기는 것은 괜찮은데, 괜히 코드까지 씹혀 보여서 굉장히 가독성 떨어져 불편했다. 그런데 가끔 다른 곳을 클릭하거나 하면 없어지곤 했다. 구글링 해봐도 세로줄 없애기만 나왔지 가로줄에 관한 내용은 없었다. 정답은 stack overflow에 있었는데, 13인치 노트북을 쓰던 내가 눈이 아파 해상도를 조절했던 탓에 있었다. eclipse폴더아래 eclipse.ini의 -Dswt.autoScale=150을 조정했는데, 이는 이클립스 내 메뉴 아이콘 크기를 결정해준다. 190으로 높였던 걸 150으로 낮춰주니 해결됐다. 결국엔 해상도 문제였던 것. 참고 https://stackoverflow.com/questions/65904951..
[Spring] Spring을 시작하기 위한 환경 설정(Chapter 1)
[Spring] Spring을 시작하기 위한 환경 설정(Chapter 1) 2024. 2. 3. 스프링 5버전, 자바 8 버전 기준 1. JDK 설치 https://www.oracle.com/java/technologies/downloads/#java8-windows Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com 상기 사이트 접속 후 아래로 스크롤 해 jdk 8버전 설치 내 pc의 시스템 속성에서 환경 변수 편집 후 [디렉터리 찾아보기] 후, 설치했던 jdk 경로를 선택해준다. (사용자 변수가 아닌 시스템 변수로 설정해도 되는데, 사용자 변수는 쉽게 말해..
[Git error] fatal: refusing to merge unrelated histories 해결
[Git error] fatal: refusing to merge unrelated histories 해결 2024. 1. 22. 로컬 저장소의 프로젝트를 git 원격 저장소에 push하려고 할 때 error: failed to push some refs to '깃허브 주소' hint: Updates were rejected because the tip of your current branch is behind hint: its remote counterpart. Integrate the remote changes (e.g. hint: 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help' for details. git pull.. 이라고 봐선 pull이 안 된 것이 문제일 것 같은데, 이는 깃허브에서 저장소 ..

티스토리툴바