wisePocket

구글에서 지원해주는 폰트를 적용할 수 있다. 1. Google Fonts 페이지 방문 해당 페이지에서 Google이 제공하는 다양한 폰트를 확인 할 수 있다. https://fonts.google.com/?subset=korean Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 원하는 폰트 선택 원하는 폰트 종류(Font-Family)를 선택한 이후 하단에 나열되는 폰트 세부 형태를 결정하고 "Select"를 클릭하면 우측 세부정보 창이 나타난다. 3. 폰트 참조 링크 복사 세부정보 창에서 copy code 탭의 "@import"를 선택하면 ..

우선 JavaScript의 Dictionary 복습부터 진행 ----------- HTML로 간단한 버튼을 생성하고 버튼에 onclick 이벤트 속성을 넣은 뒤 간단한 Javascript 함수를 할당해서 아래 테스트 작동 여부를 확인했다. 결과 확인하기! 버튼 클릭 시 '안녕하세요'라는 알림 팝업 function checkResult() { // ** 클릭 시 onclick ** 해당 함수 실행!! alert('안녕하세요') } 전에 배운 Dictionary부분이다. 선언된 값 출력과 스타일 적용 또한 정상적으로 작동되는지 확인 //id가 q1인 div에 a로 선언된 값을 텍스트로 입력 // let a = '사과' // $('#q1').text(a) //id가 q1인 div에 해당 배열의 값을 텍스트로 ..

****Dictionary란 key, value 형태로 구성된 collection 아래 코드와 같이 로그를 확인했을 때 값이 나타나는 것을 주의해서 살펴봐야한다. Java의 배열과 햇갈리는 부분이지만 문법의 규칙만 []와 {}의 차이를 생각하면 된다. index는 [0]부터 시작한다. [1]부터가 아니다 let a = ['사과','수박','딸기','감'] console.log(a[0]) //사과 console.log(a[1]) //수박 console.log(a[2]) //딸기 console.log(a[3]) //감 {}에 포함된 것들을 불러올 때 []로 마치 key값 : value값, key값 : value값 으로 연결 된 것을 확인 할 수 있다. let b = {'name' : '영수', 'age' :..

head 태그 내 script 태그 생성 hey()라는 함수는 alert('안녕!!') 이라는 메세지를 출력하도록 설정 function hey(){ alert('안녕!!') } body 태그 내 위 hey()함수가 작동 될 위치 설정 영화 기록하기 추후 각종 개발 테스트를 위한 console.log를 추가했다. function hey(){ alert('안녕!!') console.log('콘솔 로그 체크용입니다.') } "버튼을 누르는 행위"에 대한 직접적인 디버그를 위해서는 버튼에 alert를 적용하면 쉽게 상태를 확인 할 수 있다. 하지만 생각보다 알림창이 거슬리기 때문에 console.log를 통해서 테스트, 디버깅 하는 것이 편리하다. 해당 스터디는 아래 깃을 통해 업데이트 되고 있습니다. http..

JAVA를 접하면서 처음 진행한 팀 프로젝트이다. 팀원 모두 비전공자이며 프로그래밍을 처음 접한 상황이었기 때문에 시작 단계인 기획과 환경구축에서도 쉽지않은 도전이었다. 초보 개발자라는 부분은 생각보다 정확히 문제점을 이해한 검색과 적절한 예시를 찾는 것으로 여러 부분 해결 된다. 이미 선배와 전문가들이 인터넷에 아주 많은 자료를 올려두었기 때문에 우리는 그것을 잘 판별하는 능력이 필요하다. 팀원간의 개발 이해도 차이, 참여도 차이 등 외부적인 요인도 무시 할 수 없다. 내가 아는것과 연구하여 이해한것 경험한것을 공유하고자 최선을 다했다. 또한 팀원이 공유하는것, 어려움을 겪는 부분에 대해서 적극적으로 함께하는 것에 집중했다. 사람이 하는일이다 보니 일부 팀원의 개인 사정에 따라 이탈을 결정하는 불상사가..

1. 메인 페이지의 코드를 간소화 시킴 2. 협업 시 분리 작업 가능 3. 프로젝트 관리 편리 head태그 내에서 링크태그를 통해 태그 내 꾸밈 코드들을 분리 할 수 있다. index.html의 에 추가된 내용 index.html의 style태그 코드는 모두 주석(삭제) 처리 되었다. /* style.css로 모듈화 시킴 */ new file으로 style.css 파일 생성 style 태그 내에 있던 코드를 해당 파일로 옮김 * { font-family: "Gowun Dodum", sans-serif; } .mytitle { width: 100%; height: 250px; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0,..

nginx 시작 : brew services start nginx nginx 재시작 : brew services restart nginx nginx 중단 : brew services stop nginx 윈도우에서는 압축만 풀면 nginx가 해당 폴더로 설치된다. 해당 폴더에 모든 파일이 있어서 config파일이나 경로찾기는 참고할 필요가 없다. config파일을 열어서 port설정, root설정은 맥과 차이나지 않는다. 포트 80으로바꾸기, root폴더 변경하기 등은 참고. cmd로도 비슷하다. nginx mac 1. 설치 확인 brew services 2. 설치 brew install nginx 3. 서버 설치 테스트(첫가동) brew services start nginx ==> Successfully..

프로젝트 생성 1. Spring Legacy Project > Spring MVC Project 선택하여 생성 2. 프로젝트 버전 설정 프로젝트 선택 + 우클릭 properties +java compiler -> Build Path -> 11로 +Project Facets -> Java version 11로 3. 프로젝트/pom.xml 아래와 같이 변경. 1.6 3.1.1.RELEASE 1.6.10 1.6.6 부분 찾아서 아래처럼 수정 >>>>>>>>>> 11 아래 classpath:config/spring/*-context.xml 10. resources/config/mybatis/mapper/MemoMapper.xml 생성, Doctype선언문 복붙해야함.

Finder로 경로 복사해놓기 /Users/inyongkim/Documents/apache-tomcat-9.0.68/bin 환경변수 zsh터미널인경우 ///환경변수 편집기 열기 vi ~/.zshrc; i INSERT모드활성화 /// 패스 추가 # TOMCAT PATH export PATH="$PATH:/Users/inyongkim/Documents/apache-tomcat-9.0.68/bin" /// 홈 추가 # TOMCAT HOME export CATALINA_HOME=/Users/inyongkim/Documents/apache-tomcat-9.0.68 ESC :wq저장하고 편집기 나가기 ///변수 편집 내용 적용 source ~/.zshrc TOMCAT 서버실행 sudo startup.sh TOMCA..

[Mac] SDKMAN을 이용해서 openJDK설치 SDKMAN 설치 - https://sdkman.io/install$ curl -s “https://get.sdkman.io” | bash $ source “$HOME/.sdkman/bin/sdkman-init.sh” SDKMAN 명령어 $ sdk version