본문 바로가기

전체 글

 (135)
Java - 출력, 데이터 타입 Java에서는 print(), println() 메소드를 사용해서 문자를 출력한다.이 출력 메소드를 실행시키기 위해서는 main() 메소드안에 기술해야한다.1. 프로그램 만들기 - 출력하기main() 메소드는 엔트리포인트(프로그램 시작지점)으로 커맨드라인에서 프로그램을 실행시키면 가장 먼저 처리된다.main() 이 없으면 컴파일과 프로그램 실행을 할 수 없다.java 프로그램의 기본형은 아래와 같다.main 메서드는 프로그램의 시작점이므로, 객체 생성 없이도 바로 호출할 수 있어야 하므로 static 키워드를 사용한다. 이름설명class새로운 클래스를 정의할 때 사용하는 키워드class명클래스의 이름을 의미하며, 자바에서는 클래스 이름이 파일 이름과 동일해야한다.public접근 제어자중 하나로, 해당 클..
JAVA - 특징, JVM java 는 현재 대표적인 프로그래밍 언어중 하나이다.C나 C++과 비슷한 표기법을 가지나, 포인터라는 개념이 없어 보다 다루기 쉽다. 특징1. 객체 지향객체 지향이란 프로그램의 기능을 그룹별로 나누고, 조합하여 프로그램을 작성하는 것을 말한다.Java는 객체지향 언어로 보다 복잡하고 높은 수준의 프로그램을 만들수 있다. 2. 호환성보통 프로그램은 운영체에따라 동작이 다른데, JAVA 프로그램은 Java VM이라는 실행환경만 있으면 어떤 운영체제에서도 실행 할 수 있다. 3. 개발활경이 좋음다른 언어들도 그렇지만 JAVA는 더 풍부한 기술을 포함하는 라이브러리들을 표준으로 이용할 수 있다. Java 로 만들수 있는 애플리케이션의 종류1. CUI 애플리케이션 명령 프롬프트나 MS-DOS 프롬프트처럼 문자 ..
Architecture(아키텍처) 면접공부를하다 '아키텍처가 뭘까?'라는 생각이 들었다. 청사진이라는 생각이 먼저들었고 레이어드패턴, 카프카, 마이크로 아키텍처, 모놀리틱 아키텍처가 떠올랐다. 근데 명확하게 뭐다라는 생각이 떠오르지 않는데..음 ..아키텍처가 정확히 뭐고 왜 중요한거지? 1 . Architecture 아키텍처는 건축물 또는 건축양식을 의미한다. 컴퓨터 공학에서는 컴퓨터 아키텍쳐(Computer architecture)라고 한다. 1. Computer architecture 컴퓨터 아키텍처는 시스템의 근간이되는 운영구조이다. 하드웨어와 소프트웨어간의 상호 작용 및 컴퓨터가 데이터를 처리하는 방식을 다루며, 다양한 수준의 추상화로 이루어져 있다. 요약하면 하나의 컴퓨터가 어떻게 동작하는지 원리를 나타낸것이다. 2. Softw..
API Documentation (+postman) API Docs에대해 처음 알았을때 swagger를 사용해서 만들었다.그런데 최근에 Postman으로도 가능하다는걸 알았다.어떻게 하는지 궁금해서 해봤다. PostmanAPI 개발 및 테스트를 위한 협업 도구로서, 주로 개발자들이 API를 효과적으로 테스트하고 관리하는 데 사용되는 도구이다.Postman을 사용하여 API 엔드포인트에 요청을 보내고 응답을 검사하여 API를 효과적으로 테스트할 수 있다.  API DocumentationAPI Documentation이란 백엔드에서 생성한 API의 구성요소들을 개발자들끼리 어떻게 주고받을지를 문서화한것을 말한다.API를 문서화하면 정보들을 효율적으로 공유할 수 있어 개발자가 직접적으로 소통해야하는 빈도를 줄이고, 일의 능률을 높일 수 있다.API 문서에는 ..
자바스크립트 내부 동작 과정 첫 면접을 봤는데 2차부터 4차 면접까지 꾸준하게 받은 질문이 eventloop와 garbage collection이였다. 책에서 스윽 보고지나가면서 대충 이런거구나하고 넘겼는데 계속 질문이 들어오는게 많이 부족하게 대답한 듯..🥲 그래서 다시 책을 읽으면서 자세히 정리해보았다. 0. 비동기처리의 환경구조와 용어정리 자바스크립트 엔진(런타임)은 memory heap과 call stack으로 이루어져있다. heap은 구조화되지않는 큰 메모리 영역으로 말한다. 객체는 힙에 할당된다. memory heap은 자바스크립트의 객체(함수,변수 등)에 메모리 할당이 일어나는곳으로 크기가 변하는 값의 참조값을 가지고 있다. wep API는 브라우저에서 구현된 API로, node에서는 background라고 하며, 비동..
reducer와 slice Reducer createSlice를 사용하지 않고 순수한 Redux에서의 reducer는 순수 함수로, 현재 상태와 액션을 받아서 새로운 상태를 반환한다. Redux에서는 많은 boilerplate 코드를 작성해야 하고, 액션 생성자와 리듀서를 일일이 정의해야 한다. 개발자는 액션 타입 문자열을 일일이 작성하고 액션 생성자와 리듀서를 따로 만들어야한다. Slice createSlice 함수는 리듀서 함수, 액션 생성자 함수, 초기 상태를 한 번에 생성한다. createSlice는 기본적으로 immer라는 라이브러리를 사용하여 불변성을 유지하는 로직을 자동으로 처리하기때문에 상태를 직접적으로 변경해도 된다. createSlice로 생성된 slice는 자동으로 액션 생성자를 생성하고 액션 타입을 관리하므로..
Bootstrap으로 Footer와 Header만들기 반응형 웹을 만들어보고싶어서 검색하다 react-bootstrap이라는걸 알았다. 호기심이 생겨서 한번 읽어보고 만들어봄. import { Row, Col } from "reactstrap"; 리엑트 스트랩은 Row라는 전체의 한칸에 크게 한줄이 있다고하면 Col은 그 전체줄을 12칸으로 나눈다. 만약 하나의 Row에 세개의 요소가 있다면 4칸씩 사용하여 배열로 만든것이다 스트래블 사용할때 Row를 사용할거라면 반드시 Col을 넣어주어야한다. npm i node-sass sass-loader scss 파일에 작성한 css를 변환시켜 내가 만든 리엑트앱에 적용해준다. app.js파일에가서 custom.scss 파일을 불러온다. 리엑트에서는 스타일을 어떻게 적용하냐면 클래스네임으로 일반적으로 css의 클래스..
MongoDB 비밀번호 변경 흠.. git hub desktop으로 연결했다가 10k가떠서 폴더를 삭제했는데 바탕화면의 폴더까지 삭제되었다. 휴지통 비우기 전에 확인 해보고 비울껄.. .env파일에 뭐가 있었는지 기억나지않아서 걱정이였는데 다행히 config의 index에 적혀있었다. import dotenv from "dotenv"; dotenv.config(); export default { MONGODB_URI: process.env.MONGODB_URI, JWT_SECRET: process.env.JWT_SECRET, PORT: process.env.PORT, }; 문제는 MongoDB의 비밀번호가 기억나지 않는것;;ㅎ MongoDB Atlas로 다시 접속하자 MongoDB Cloud MongoDB Cloud is a uni..
kakaoMap net::ERR_ABORTED 401 배포된 서버로 접속했을때 지도가 뜨지 않는 문제가 발생했다. 키가 잘못된건가 싶어서 배포 환경키와 vscode의 키를 비교해봤는데 차이점이 없었다. 로컬로 접속했을때는 잘 뜨는데 고민하다가 도메인이 생각나서 들어가봄 도메인이 로컬로 되어있었다. 이거바꾸고 잘 뜨는 것을 확인하였다.
MongoDB 클러스터 사용하여 연결하기 몽고디비클러스트를 활용하여 몽고디비에 연결해본다. MongoDB: 애플리케이션 데이터 플랫폼 업계 최고의 최신 데이터베이스를 토대로 구축된 애플리케이션 데이터 플랫폼을 사용해 아이디어를 더욱 빠르게 실현하세요. MongoDB는 데이터를 손쉽게 처리할 수 있도록 지원합니다. www.mongodb.com 클라우드에 아틀라스로 들어간다. try free를 클릭 위치는 서울이 있어서 서울로하고 생성하자. 이제 생성이 완료되었다. 생성 완료되면 Quick Strart라며 바로 네트워크 엑세스를 설정하게된다. quick start를 하지않았다면 화면 왼쪽 하단에 NetworkAccess에 설정하면된다. network access에서는 접속할 수 있는 IP를 설정할 수 있다. ADD IP ADDRESS 를 클릭하고 ..
vercel을 사용한 배포 배포할때 백엔드는 AWS EC2를 프론트엔드는 AWS S3를 사용한 배포를 사용했었는데프론트 배포할때 Vercel이 정말 편하다고 들어서 사용해봤다. 1.  Vercel 사이트에 접속해서 회원가입 Vercel: Build and deploy the best web experiences with the Frontend Cloud – VercelVercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.vercel.com 1.  배포 시작하기가입하면 start deploying을 클릭하고 Import Git Repository 한다.내경우 ..
CORS 에러 저번주에도 CORS에러가 떴었는데 그때는 내가 도메인을 잘못입력해서 떴었다. 그리고 3일전만해도 잘 작동하는 것을 봤는데 또 CORS 에러가 터졌다. localhost/:1 Access to fetch at 'http://www.주소.com/location?latitude=37.5054946&longitude=126.7655204' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but..

티스토리툴바