SW

0. 스토리보드와 클래스 연결, 버튼 클릭 다음과 같이 오른쪽 상단에 있는 Add Editor on Right 버튼을 눌러서 Storyboard와 ViewController를 같은 화면에 분할에서 놓는다. 버튼을 추가하여 레이아웃 제약을 설정한다. 그 후 버튼 내용을 Move로 바꾼 후 Ctrl을 누른 상태로 드래그하여 오른쪽화면의 적절한 위치에 갖다 놓는다. 갖다 놓게 되면 다음과 같은 상자가 나온다. 버튼 클릭 Connection 은 Action 이다. Name 도 Click_moveBtn으로 바꿔주었다. Connect 해준 후 click event를 콘솔에 출력해주는 것으로 작성하고 실행시켜본다. Move 버튼을 누르면 콘솔에 Click Move 가 출력된다.

0. 오토레이아웃, 기본 UI 그리기 ViewController.swift : 코딩 프로그램을 짜는 클래스들이 들어있음 Storyboard : 그림을 그리는 곳. 안드로이드는 xml파일과 화면이 매칭되어 있다. 그러나 iOS에서는 Storyboard 에서 매칭시킨다. Main.storyboard 오른쪽에 보면 게시판 같이 생긴 부분이 있다. Custom Class 라고 적혀있는 부분에 ViewController가 있고 오른쪽에 화살표를 누르면 ViewConroller.swift 화면으로 넘어간다. 파일이름을 따라 간것이 아니라 Class 이름을 따라간 것이다. 매칭이 된 상태이어야지 무언가를 그릴 수 있다. 오른쪽 상단에 + 아이콘을 누르면 Component 목록을 볼 수 있다. 아래 그림의 선이 aut..

0. 제목 백준 10451 순열 사이클 BOJ 10451 순열 사이클 C++ 10451 순열 사이클 1. 문제 https://www.acmicpc.net/problem/10451 2. 풀이 DFS, BFS 두가지 방법으로 풀 수 있다. Directed Graph 이므로 방향성을 가지고 있다. 각 정점에 연결된 점들을 graph vector에 push_back 함으로써 연결성을 가지게 한다. 그 후 DFS, BFS 중 하나를 이용하여 탐색을하고 모든 점을 시작점으로 하여 count 값을 구한다. count 값이 순열 사이클의 개수이다. 3. 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 ..

0. 리액트가 없다면 엄청 긴 코드를 그냥 써야함 1. 컴포넌트 만들기 컴포넌트 만드는 방법 하나의 최상위 태그만 써야한다! 웹브라우저는 React라는 기술을 모른다. React는 html로 변환시켜주는 것이고 브라우저입장에서는 html 코드를 받기 때문이다. 위 코드는 javascript 는 아니다. 유사 javascript 이다. javascript에서 돌리면 에러난다. 저것은 JSX 라는 Facebook 에서 만든 언어이다. 예시 화면 컴포넌트를 정리정돈의 도구로 보면 좋겠다. 2. props React는 컴포넌트를 외부에서 조작할 때 props 를 사용한다. 좀 더 효율적인 코드 작성 가능 {this.prop.[xxxx]} 같은 방식을 이용 1 2 3 4 5 6 7 8 9 10 11 12 13 1..

0. React 웹사이트는 매우 빠른 속도로 복잡해진다. 정보가 조금만 증가해도 그 정보를 표현하는 html 태그는 기하급수적으로 복잡해진다. 사용자 정의 태그를 만들 수 있게 해준다 -> component 라고 부름 component 기능 -> 1.가독성 2.재사용성 3.유지보수 CODING : 개발환경 세팅하고 어디에 코드를 바꿔야 하는가 RUN : 실행시켜서 결과를 보는 것 DEPLOY : 모든 결과를 마무리 한 후 사용자들에게 서비스 하는 것 1. 개발환경의 종류 참고사이트 : https://reactjs.org/docs/getting-started.html 나는 toolchain을 사용할 것이다. 그 중에 Create React App 이라는 앱을 사용할 것이다. React Github 주소 :..

0. 비활성화하기 터미널을 열면 (base)가 앞에 붙는다. conda 설치 후 터미널 실행시 위와 같이 conda가 기본환경이 된다. 시스템 파이썬 환경으로 돌아가려면 conda deactive 1. 환경 만들기 가상 환경을 만들고 싶을 때 다음 명령어를 사용하면 된다. conda create -n [env_name] python=[version] 패키지도 처음부터 깔고 싶다면 다음 명령어를 사용하면 된다. conda create -n [env_name] python=[version] [package_name] 2. 설치된 환경 확인 conda info --envs conda env list 두 명령어 다 같은 결과화면을 보여준다. 3. 적용 Windows 에서는 activate [env_name] M..

0. 문제 Anaconda 설치 후 실행이 되지 않음. 1. 해결 원인을 찾아보니 bash에서는 잘 작동하는데 zsh에서는 자동으로 경로설정이 되지 않음. 구글링 결과 vi ~/.zshrc 후 export PATH="/Users/[username]/opt/anaconda3/bin:$PATH" 경로를 추가 하라고 함. 하지만 잘 안됨. 그래서 터미널에서 똑같이 export PATH="/Users/[username]/opt/anaconda3/bin:$PATH" 를 실행시켜주니 잘 됨.

0. 제목 백준 1912 연속합 BOJ 1912 연속합 C++ 1912 연속합 1. 문제 https://www.acmicpc.net/problem/1912 2. 풀이 DP 방식을 이용하였다. 연속된 몇 개의 수를 선택해서 구할 수 있는 합 중 가장 큰 합을 구하는 것이 목적이다. 예를 들어, 배열의 값들이 10, 20, -100, -500, 700, 30 이라고 할 때, dp[1] = 10, dp[2] = 30, dp[3] = -70, dp[4] = -500, dp[5] = 700, dp[6] = 730 이다. 이 배열 dp 의 원소 값들을 구하는 규칙은 다음과 같다. 만약 dp[i]를 구하려고 할 때 dp[i-1] 가 음수라면 dp[i] = arr[i] 로 업데이트 해주고 양수라면 dp[i] = dp[..

0. 제목 백준 1707 이분 그래프 BOJ 1707 이분 그래프 C++ 1707 이분 그래프 1. 문제 https://www.acmicpc.net/problem/1707 2. 풀이 DFS, BFS 두가지 방법으로 풀 수 있다. 그래프의 정점의 집합을 둘로 분할하여, 각 집합에 속한 정점끼리는 서로 인접하지 않도록 분할할 수 있을 때, 그러한 그래프를 특별히 이분 그래프 (Bipartite Graph) 라 부른다고 문제에 정의되어 있다. 각 단계마다 색을 칠하는데 color 가 0이면 아직 방문하지 않은 것이고 1과 2로 색을 표현하였다. 이분 그래프 여부를 판단하는 함수에서는 다음 단계로 갈때 같은 색깔을 가지고 있으면 false를 반환하고 그것이 아니면 true를 반환하도록 하였다. 3. 코드 1 2..

HTML, CSS, JavaScript 한 세트로 생각하면 된다 갖다놓고 꾸미고 시킨다 웹사이트, 즉 브라우저에서 동작하는 소프트웨어에만 국한되지 않는다. React Native나 Native Script 처럼 모바일 앱을 만드는 기술들이 사용되고있다. HTML이 올려놓은 것을 CSS가 꾸민다. JavaScript는 프로그래밍 언어에 속한다. 원래는 브라우저에서 웹사이트를 돌리는 그닥 대우 못받는 언어였는데, NodeJS가 웹브라우저 밖으로 꺼내오면서 아주 위상이 높아졌다. 웹사이트에서 돌아가는 자바스크립트는 브라우저에서 다양한 일을 수행한다. html, css, javasctipt를 하나의 폴더 안에 만든다. head에 css와 javascript를 넣고 body에 html을 넣는다. html은 그저 ..