전체 글 17

[Algorithm] 문자열 찾기

1. 문제 한 개의 문자열을 입력받고, 특정 문자를 입력받아 해당 특정문자가 입력받은 문자열에 몇 개 존재하는지 알아내는 프로그램을 작성. 대소문자를 구분하지 않는다. 문자열의 길이는 100을 넘지 않는다. 첫 줄에 문자열이 주어지고, 두 번째 줄에 문자가 주어진다. 문자열은 영어 알파벳으로만 구성되어 있다. 2. 예시 Computercooler c 2 첫 줄에 Computercooler을 입력하고 알파벳 c를 입력하면 c 몇 개 리턴되는가? 단, 대소문자 구분 X 3. 코드 문제에서 문자열과 특정문자를 사용해 문자열 개수를 찾는 문제이다. 조건은 대소문자 구별 하지 않으므로 특정문자와 문자열을 대문자 혹은 소문자로 바꾼 후 개수를 찾아야 한다. toUpperCase() / toLowerCase() 사용..

[React] JSX

1. JSX란? JSX는 JavaScriptXml의 줄임말로 자바스크립트에 xml이 추가된 자바스크립트 확장문법이다. 리액트는 공통적인 로직은 따로 분할해서 사용하는데 이런 컴포넌트 형식으로 만드는데 유용하게 사용하고 있다. 2. JSX 사용하기 리액트 설정이 모두 완료되면 볼 수 있는 파일들이 있다. 위 파일들 중 index.js 먼저 확인해 보자. 여기서 봐야 할 부분은 ReactDOM.createRoot 리액트를 실행하면 모든 요소들이 저 ReactDOM을 거쳐 render 하게 되어있다. 나는 쉽게 저 영어를 해석했다 '뿌리를 생성하다' 생성한 뿌리를 실행하다. (단순) render부분에서는 이 보이는데 이것이 컴포넌트이다. 다시 말해, 저 코드는 App을 실행하기 위한 돔이라고 볼 수 있다. A..

리액트(React) 2023.02.28

[React] 리액트 실행해보기

리액트 란? 인터페이스 구축을 위한 javascript 라이브러리이다. 그럼 리액트가 필요한 이유는 뭘까? Component(컴포넌트) 페이지마다 공통적으로 사용되는 코드들을 따로 빼서 관리 - 컴포넌트화 방식 중복코드를 방지할 수 있다. 컴포넌트 기반의 UI 라이브러리 선언형 프로그래밍 명령형 프로그래밍인 Jquery와는 다르게 선언형 프로그래밍으로 코드를 간단히 줄일 수 있다. 명령형 - 결과에 대한 과정을 하나하나 나열하는 것 / 선언형 - 목적을 분명히 한 것 Virtual DOM 브라우저는 이벤트 하나를 실행할 때마다 새로운 돔을 형성하게 된다. 예를 들어, 버튼하나를 눌러 여러 이벤트를 실행시키더라도 실상은 버튼하나를 눌렀을 때 이벤트의 개수만큼 돔 요소가 추가되어 브라우저 동작을 하고 있다...

리액트(React) 2023.02.16

[Git] intellij에 git연동하기 (Mac)(2)

1. intellij와 github 계정 연동하기 git 연동 전, intellij와 github 계정 연동이 필요하다. github계정이 없다면 아래 링크로 들어가 계정 하나를 생성하면 된다. 링크 = https://github.com/ GitHub: Let’s build from here GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea... github.com 먼저 intellij를 실행한 후, 설정..

기타 2023.02.09

[Git] intellij에 git연동하기 (Mac)(1)

1. git 설치 [링크]=https://git-scm.com/ Git git-scm.com git사이트에 들어가면 본인 운영체제에 맞는 다운로드를 보여준다. 맥 사용자들은 다운로드를 클릭하게 되면 위와 같은 이미지가 나오는데 해당 명령어 입력으로 git 설치를 하면 된다. $ brew install git 설치가 끝나면, 정상 설치 되었는지 확인해보자 위처럼 git버전이 나오면 설치 완료 된 것. 나는 Homebrew를 사용하여 git설치를 했는데 혹여나 Homebrew설치가 되어 있지 않다면 해당 사이트 들어가서 간단히 설치 가능. 겁나 쉬움 복붙 하면 알아서 촥촥 다운로드해줍니다. [Homebrew]=https://brew.sh/ Homebrew The Missing Package Manager f..

기타 2023.02.08

[React] 리액트 시작 전 Node.js 설치

1. Node.js Node.js란 이름만 보면 자바스크립트 종류 중 하나의 언어로 착각할 수 있지만 아래와 같이 정의할 수 있다. 'javascript로 만든 프로그램을 웹 브라우저가 아닌 곳에서도 프로그램을 실행시킬 수 있는 실행환경' JavaScript Runtime 과거 자바스크립트는 크롬과 같은 웹브라우저에서만 실행이 가능했지만 Node.js를 사용하여 프로그램을 실행시킬 수 있게 되었다. Node.js의 탄생은 자바스크립트가 가지고 있던 한계를 벗어나 브라우저뿐만 아니라 웹서버 개발도 가능하게 되어 개발환경이 더 넓어졌다고 볼 수 있다. 2. Node.js 설치하기 Node.js 설치를 위해 아래 링크로 들어가 설치 준비를 한다. 본인에 맞는 운영체재를 확인하여 다운로드하면 되는데 해당 사이트..

리액트(React) 2023.02.06

[Oracle] 데이터베이스 시작 Oracle 11g 설치 및 실행

1. 설치파일 준비 1) 도커 다운로드 하기 링크 = https://www.docker.com/products/docker-desktop/ Download Docker Desktop | Docker Docker Desktop is available to download for free on Mac, Windows, or Linux operating systems. Get started with Docker today! www.docker.com 설치 후 상단에 뜬 아이콘 클릭 시 'Docker desktop is running'이 뜨면 정상 실행된 것. 2) Oracle 11g 설치 Terminal실행하여 다음과 같이 입력한다. Oracle 11g 버전 다운을 위해 명령어 입력 -> docker sear..

오라클(Oracle) 2023.02.03