letsgojieun

저번 포스팅에 이어 이번에는 이클립스에서 git으로 관리하는 작업에 대해서 어떻게 처리가 가능한지 알아보자  우선 Sampleproject 마우스 우클릭 -> Team -> Share project 클릭을 한다  저번에 만들었던 MyGit에서 git 저장소로 사용될 새로운 폴더를 생성한다새로운 폴더명의 이름은 sample로 만들었다 (위의 acorn2020_java는 이미 다른 프로젝트에서 사용하고 있는 git 저장소라 여기서 만들면 안 된다.)  상단의 체크박스 '~in parent folder of project'는 워크스페이스에 생성하는 거라 클릭하면 안 된다Repository는 옆에 Create 버튼 클릭하여 저장소로 생성할 폴더를 직접 클릭해준다 (sample 폴더 경로로 설정하기)그리고 Fin..

이번 포스팅 주제는 git 로컬저장소 생성 후 이클립스 초기 세팅부터외부 프로젝트를 clone 하는 다양한 방법 (import export)에 대한 내용을 다룰 예정이다우선 가장 처음으로 내 컴퓨터에 로컬저장소를 생성하는 방법과 이후에 이클립스의 초기 세팅방법에 대해 작성하겠다  1. 나의 컴퓨터에 로컬저장소 생성  바탕화면에 git저장소 생성하려면 우선 폴더를 만들어준다.여기선 MyGit이란 폴더를 만들었는데, 이 폴더에 바로 git을 생성하는 것이 아닌폴더 안에 새로운 폴더(여기선 acorn2020_java)를 하나 더 생성하여 여기를 git 저장소로 만들어 준다  그 후에 이클립스에서 File -> new -> Dynamic web project 클릭한다  프로젝트의 이름은 SampleProject..

현재 학원에서 조별로 간단한 세미 프로젝트를 진행 중에 있다 우리 조는 지금까지 배운 html, css, js, bootstrap, java, jsp를 이용하여 조금은 간단한 느낌의 인스타그램을 만들어보기로 했다 오늘의 자잘 자잘하게 배운 것 들을 정리해보자면 1. 다른 브랜치로 체크아웃 시, 커밋을 하여 내 로컬 저장소에 저장 후 브랜치 변경하기 (commit만 하면 내 로컬저장소에만 저장, commit and push는 로컬저장소 저장 + 깃헙 원격저장소에도 저장) 2. pull request를 배웠는데 git 관련은 따로 포스팅을 작성할 예정이다 3. navbar.jsp 파일을 작성하였는데 이상하게 다른 jsp 파일은 톰캣 서버로 잘만 작동이 되었는데 navbar 파일로 경로를 잘 설정하였음에도 불..

조건문에서 if를 사용할 때, else if를 여러 번 반복하는 코드를 작성해야 하는 상황 또는 정해진 데이터를 처리하는 경우에도 switch문을 사용하는 것이 효율적이며 가독성 측면에서도 좋다. switch문은 각 case에 맞는 값을 찾아 해당 case 문의 코드를 실행시킨다. 조건문 switch를 사용해보자! 여기서 a 변수에는 3이라는 값이 할당되어 있다. switch문을 이용하여 a변수값과 같은 값을 갖고 있는 case를 찾은 후, case문의 코드를 출력한다. 위의 예시는 조건이 3개밖에 없어서 if 조건문을 사용해도 좋지만 만약 조건이 점점 추가되는 상황이 생길 수 있거나, 그 이상의 조건들이 있다면 switch를 사용해 주는 게 좋다. 그리고 각 console.log 밑에 brack; 는 ..

코드는 깔끔하지 않지만, 어느 정도 기능들은 구현했다 이제 남은 기능 중, 스크롤 추가는 overflow auto;로 구현해보면 될 것 같고 여기에 추가로 넣을 부분 + 디자인은 부트스트랩 또는 다른 투두리스트 디자인을 참고하여 변경할 예정이다

최근에 미니 프로젝트로 shopping list를 만들기 시작하였다. + 버튼을 누르면 input에서 사용자가 입력한 텍스트가 그대로 입력되는 걸 구현하는 과정에서 마우스로 버튼을 클릭하는 것처럼 엔터키를 눌러도 똑같이 적용이 될 수 있도록 코드를 작성해봤다 input에 addEventListener로 keydown 이벤트를 주었다 여기서 if문 처리를 안 하면 정말 한 글자 입력하자마자 바로 이벤트가 적용돼버리니 (말 그대로 키 누르면 바로 이벤트가 일어남) if(e.key === "Enter") 처리를 해줘야 엔터키를 눌렀을 때 input에 원하는 이벤트가 발생된다. 코드를 작성하고 테스트하는데 분명 난 '우왕'을 입력했는데 갑자기 밑에 '왕'이 같이 나오고.. '오오'를 치면 또 이벤트가 다시 발생..

자바스크립트 강의 들으면서 위치를 이용해서 함수를 만드는 상황이 많이 생긴다. 엘리먼트의 width, height 또는 위치 관련된 값을 가져오고 싶다면 getBoundingClientRect() 를 사용하여 정보를 얻어올 수 있다. Rect = element.getBoundingClientRect(); 여기서 Viewport는 사용자에게 보이는 화면이며 x,y가 (0,0)으로 좌측 상단을 기준으로 한다. getBoundingClientRect()를 Rect라는 변수에 먼저 할당하고 const x = Rect.width const y = Rect.height 으로 x,y 축 높이와 너비를 할당할 수 있다. function randomNum(min, max) { return Math.random() * (..

저번 git add, commit 했던 방법에 이어서이번 포스팅에선 local directory 에서 git remote repository 원격저장소로 보내는 방법에 대해 알아보자  우선 git commit -m 을 통해 커밋 메시지를 "add index.html"로 작성하여 commit 하였다그럼 커밋은 내 로컬 디렉토리에 저장이 된다  만약 현재 나의 branch가 master로 되어있다면git branch -M main을 통해서 현재 git의 메인브랜치 이름인 main 으로 변경한다원래 git 의 메인브랜치는 master였는데 인종차별 관련 이슈로 main으로 변경하였다 그리고 처음에 나의 로컬 디렉토리와 github 원격저장소가 연결이 안되어있으므로git remote add origin명령어를 ..

Shopping-List를 만들게 된 계기 ? 강의 진도 나가기에 급급해서 항상 수동적인 자세로 강의만 듣고 있었는데 사실 중요한 건 얼마나 다양한 강의를, 얼마나 많이 보는 것이 아닌 속도는 분명 느리더라도 배운 걸 완벽히 내 것으로 소화해내야 한다는 것이다. 이렇게 중요한 사실을 간과하고 하루빨리 자바스크립트를 잘하고 싶고, 그다음 타입 스크립트와 프레임워크도 배워야지 하는 생각에 정말 난 수동적으로 강의'만' 보고 있었던 게 아닐까 반성하게 됐다 그래서 이번엔 쇼핑리스트 과제 솔루션을 바로 보는 것이 아닌 직접 끝까지 완성해보고 솔루션을 보기로 했다 예상한 대로 여러 곳에서 다양하게(?) 막혔다 HTML, CSS, JS 어느 정도 공부하면 다들 todo-list 같은 건 금방 뚝딱 만드는 것 같았는..

async await ? promise를 조금 더 간결하고 동기적으로 실행되는 것처럼 보이게 만들어준다 프로미스 체이닝(. then. then. then... catch)을 계속하면 코드가 난잡해질 수 있는데 여기에 간편한 API로 async await 사용하면 동기식으로 코드를 순서대로 작성하는 것처럼 간편하게 작성할 수 있도록 도와준다. 즉 깔끔하게 프로미스 사용이 가능하다! syntactic sugar : 기존에 존재하던 것 위에 간편하게 사용할 수 있도록 API를 이용하는 것 (ex. class) 여기 프로미스에서 resolve, reject 아무것도 호출하지 않았기 때문에 현재 프로미스 상태는 pending으로 남아있다 (결괏값도 없음) 꼭 resolve, reject로 완료를 해줘야 한다. 프..