전체 글
-
vue.js 프로젝트 시작하기Vue 2024. 2. 1. 17:38
vue를 활용하여 프로젝트를 시작하고싶다면, npm 또는 yarn을 활용하여 js 기반의 문서, 프로그램들을 관리할 수 있다. 따라서 npm 을 활용하여 vue 또한 간편하게 관리할 수 있다는 뜻이다 1. 설치 vue 프로젝트를 생성하기 위해서 18.0 버전 이상의 node.js가 필요하다. npm을 설치한 후, node --version을 실행하여 버전을 확인해보자. npm create vue@latest 위 명령어를 실행하면, vue 프로젝트의 환경설정을 할 수 있다 다른 의존성을 추가하지 않고 프로젝트를 생성하면 다음과 같이 package.json을 준다. 사용하고싶은 모듈이 있다면, 여기에 추가하면 되고 없다면 그냥 npm install 해서 의존성들을 설치하자 2. vue 빌드하는 방법 pack..
-
swift 로 메모장 만들기 따라하기IOS 2023. 12. 14. 17:06
SWIFT 언어를 공부하기 시작하면서, 유투브 강의를 하나 따라 해보았다. https://www.youtube.com/watch?v=O7fZ2ZvEKoA xcode에서 swift를 써본적이 없고 기본적인 문법의 지식이 없었지만 swift를 활용하여 간단한 메모앱을 만들 수 있었고 react를 많이 사용해보지 않은 나로서는 공부하기 좋은 동영상이었다. 이 동영상에서는 Swift UI를 사용했다. Swift UI는 Swift 언어를 이용해서 쉽게 프로덕트를 제작하기 위해서 개발한 프레임워크이다. 해당 프레임워크를 활용해서 제작한 어플의 경우 네이티브 앱이라고 볼 수 있다. 이후에는 회사의 상황에 맞춰서 UI kit 과 cocoapots에서 다운받은 pots 를 활용하여 앱을 개발할 것 같다. 1. 메모 객체..
-
Server , Program , Apache 의 관계Sever 2023. 12. 7. 11:29
- 선임분이 설명을 위해 그려주셨다. 1. 서버에서 프로그램이 실행되는 과정 - 웹 서버의 경우, 요청을 처리하기 위한 동적인 부분 (프로그램 / DB연동 등) 을 처리하기 위해서 Frame Work를 올린다 이 때, Frame Work 또는 Program은 서버의 Port 한 부분을 차지한다. 2. Apache 또는 Nginx (엔진엑스 라고 읽음) 를 사용하는 이유 - Dynamic Program Layer에 속하는 프로그램들은 정적인 파일을 처리하는데 특화되어있지 않기 때문에 효율이 좋지 않다 (많은 리소스를 차지하게 된다) 이를 보완하기 위해서 Apache나 Nginx가 정적인 파일을 처리해주고, Reverse Proxy를 통해 Dynamic Program과 User 사이의 연결고리 역할을 한다...
-
Mixed Content 오류카테고리 없음 2023. 11. 19. 12:31
Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure stylesheet ''. This request has been blocked; the content must be served over HTTPS. HTTPS로 연결된 서버에서 HTTP 로 요청하면 보안상의 문제가 발생할 수 있기 때문에 Mixed Content 에러를 띄운다. // 백엔드로 연결되는 부분의 경우 HTTP ( 일반적으로 80 포트를 이용하는 경우도 있다. ) 나는 워드프레스 홈페이지를 로컬에서 실행시키는 도중 CSS와 API 호출 과정에서 위의 에러를 발견했는데, define('SCHEME', (isset($_SERVER['HTTP_X_FORWA..
-
부트스트랩 RAW , COL기타 2023. 11. 10. 09:36
기존에는 부트스트랩을 이쁜 css 작성용으로 생각했었는데, 부트스트랩의 강력함은 그리드에 있었다. https://getbootstrap.kr/docs/5.3/layout/grid/ 그리드 시스템 강력한 모바일 우선 flexbox 그리드를 사용하여 12개의 열 시스템, 6개의 기본 반응형 계층, Sass 변수 및 믹스인, 수십 개의 사전 정의된 클래스 덕분에 모든 모양과 크기의 레이아웃을 빌드할 수 있 getbootstrap.kr 화면의 크기에 따라 반응형으로 중단점 을 위와같이 사이즈 별로 나눠놓았고 하나의 row 에 최대 12개의 col 이 들어갈 수 있도록 레이아웃이 구성되어있다. One of two columns One of two columns One of two columns One of two..
-
배열을 풀어서 사용해보자 ( extract() )php 2023. 11. 7. 11:25
배열에 저장된 key 와 value를 현재 스코프의 변수로 지정해서 사용할 수 있다 $att = array( 'name' => 'John', 'age' => 30, 'city' => 'New York' ); extract($att, EXTR_SKIP); echo $name; // 'John' echo $age; // 30 echo $city; // 'New York' extract() 를 활용하면 배열안에 key-value 형태로 저장되어있는 데이터를 현재 스코프에서 variable - value 형태로 사용할 수 있다 이때, 기존에 선언되어있던 변수에 덮어씌워지는 것을 주의해햐한다. 2번째 매개변수로 EXTR_SKIP을 선언하면 변수에 덮어쓰지 않고 없는 변수만 추출한다.
-
배열 확인 함수php 2023. 10. 30. 16:17
1. in_array() $fruits = ['apple', 'banana', 'cherry']; if (in_array('banana', $fruits)) { echo '바나나가 배열 안에 있습니다.'; } else { echo '바나나가 배열 안에 없습니다.'; } -> 배열 안에 특정 value가 있으면 true 없으면 false를 반환 2. array_search() $fruits = ['apple', 'banana', 'cherry']; $key = array_search('banana', $fruits); if ($key !== false) { echo '바나나는 키 ' . $key . ' 에 있습니다.'; } else { echo '바나나가 배열 안에 없습니다.'; } -> value를 찾으..