🥬 상추의 공간

예전에 작업했던 react 파일 npm start 시키는데 아래 에러가 뜨는 것이다.Error: error:0308010C:digital envelope routines::unsupported찾아보니까 내가 최근에 Node.js 버전을 최신꺼로 바꿔서 그런 것이었다.그래서 안정적인 lts 버전으로 다운그레이드 시켜야 했다. 필자는 아래와 같은 방법을 사용했다.  현재 나의 Node.js 버전 확인node -v필자는 최신버전인 v18.3.0을 쓰고 있었다. nvm 설치nvm는 Node Version Manager의 줄임말로뜻 그대로 Node.js의 버전을 관리하는 도구이다.이를 이용해 언제든지 사용할 버전을 쉽게 전환할 수 있다. 이를 설치하려면 아래 링크로 들어가면 된다. GitHub - coreybut..

이들은 배열의 각 요소에 대해 수행하는 메소드이다.   forEachforEach는 주어진 함수를 배열 요소 각각에 대해 실행한다.간단하게 생각하자면 for 반복문을 대신 사용하는 메소드이다. 참고한 강의의 강사님은 본인의 뇌피셜로 forEach 함수는대충 아래 코드의 주석처리 된 부분과 같이 만들어져 있을거라 하셨다. forEach는 두개의 매개변수를 받는데, 첫번째 매개변수는 콜백할 함수(predicate), 두번째는 thisArg를 받는다.js는 함수형 프로그래밍이 가능하다. 따라서 함수를 매개변수로 넘기는 게 가능하다.두번째 매개변수인 thisArg는 callback을 실행할 때 this로 사용할 값인데 생략할 수 있다./*function forEach(predicate, thisArg){ f..

Github에 repository를 새로 만들고 git bash로 연동시키는 도중 에러가 떴다. 내용은 아래와 같다. error: src refspec master does not match any error: failed to push some refs to '레파지토리 주소' 이 에러는 Github에서 pull 없이 push할 경우 기존 내용이 삭제되는 문제가 생길 수 있기 때문에 발생한다고 한다. 해결 방법 git add . 을 한 후, git commit -m "{내용}"을 한 후 push를 하면 된다. 하지만 나는 내용이 없어서 애초에 git add . 가 안됐다. 그래서 해당 로컬 폴더에 텍스트 파일 하나 만들어서 했더니 됐다.

카드 전체에 border-radius를 줬는데 이미지 윗부분에는 적용이 안되는 것이다. 그렇다고 img에도 border-radius를 주기에는 너무 이미지 아랫부분이 어색하다. 방법 1 border-radius는 아래와 같이 세부적으로 더 나눌 수 있다. border-top-left-radius: 값; border-top-right-radius: 값; border-bottom-left-radius: 값; border-bottom-left-radius: 값; 위 방법으로 top-left와 top-right에 border-radius를 줬더니 원하는대로 됐다! border-bottom-left-radius - CSS: Cascading Style Sheets | MDN The border-bottom-lef..

overflow 넘치는 글을 scroll로 할 수 있는 방법은 overflow 속성을 이용하면 된다. overflow: scroll; -> 가로, 세로 둘 다 스크롤이 생긴다 overflow-x: scroll; -> 가로 스크롤이 생긴다 overflow-y: scroll; -> 세로 스크롤이 생긴다 scroll로 하면 항상 scroll이 생기는데 auto로 하면 글이 넘칠때만 scroll이 생긴다. overflow는 이 외에도 여러 기능이 있다. 아래 MDN에서 확인 할 수 있다. overflow - CSS: Cascading Style Sheets | MDN overflow CSS 단축 속성은 요소의 콘텐츠가 너무 커서 요소의 블록 서식 맥락에 맞출 수 없을 때의 처리법을 지정합니다. overflow-..

런타임 오류(Run-time Error): 프로그램 동작 중 발생하는 오류 예외처리: 런타임 오류 발생을 막기 위해 적당한 안전장치를 구현하는 것 → 프로그램의 안정성을 높이고, 신뢰도를 높임 try-catch문 public class Main { public static void main(String[] args) { int [] Arr = new int[3]; for(int j = 0 ; j < 4 ; j++) { Arr[j] = j; } } } 위 코드 실행시 에러 뜸 → Exception in thread "main" java.lang.ArrayIndexOutOfBoundsException: 3 at Main.main(Main.java:8) 위 문구는 "Main클래스의 main 메소드에서(Main..

다형성 객체가 다양한 형태로 표현될 수 있다는 개념 → 부모 클래스를 활용하여 자식의 객체를 제어할 수 있다 상속과 다형성 다형성은 상속 관계에 있는 클래스간에만 사용 가능 클래스에서 다형성을 사용할 때 부모 클래스의 객체를 사용하되, 실제 메모리에 담기는 내용은 자식 클래스의 내용을 담음 public class Main { public static void main(String[] args) { //Animal animal = new Animal("동물"); 불가능합니다. Lion lion = new Lion("사자"); lion.Growl(); Cat cat = new Cat("고양이"); cat.Growl(); } } abstract class Animal { String Name; public A..

상속, 부모클래스와 자식클래스 상속: 클래스의 멤버를 물려준다 부모 클래스: 물려주는 클래스 자식 클래스: 물려받는 클래스 public class Main { public static void main(String[] args) { Parent p = new Parent(); Child c = new Child(); p.print(); c.print(); } } // Parent 클래스 정의 class Parent { public int iInt; public void print() { System.out.println("Parent Class"); } } // Child 클래스 정의 class Child extends Parent{ } // > Parent Class // Parent Class 14~..