항해99/출항 준비 7

항해99 입학 시험과 언어 선택

드디어 오늘 항해99 사전 입학시험을 쳤다. (나는 7월 초에 면접보고 결제했었던 터라 2달 진짜 너무 길었었다... 시간이 너무 뜨니까 며칠 차이로 8기 못 들어간 게 계속 생각이 났었다.) 문제 난이도는 우리 조원들 5명은 모두 30분도 채 안되서 완성했었다. 확실히 사전 프로젝트가 입학시험에 도움이 많이 된 것 같다. 특별한 걸 만들었던 건 아니었지만, 웹개발 종합반 때 만들었던 틀을 가지고 다 뜯어보고 추가하고 오류 고치고 서버에 다시 올리고를 반복하면서 내용들이 익숙해진 게 크게 작용한 것 같다. 애초에 입학 시험의 목적이 떨어뜨리는 건 아닐테니, 강의를 이해했는지 강의를 따라올 수 있는지를 확인하는 단계라고 생각해서 쉽게 나올 거라고 예상은 했었다. (사실 심하면 강의에서 추가되는 내용이 없을..

사전 스터디 프로젝트 (4)

수정, 삭제하기에서 취소눌렀을 때 window.location.reload() 없애고 싶어서 만져보다가 수정, 삭제 버튼을 취소하기 안 누르고 계속 누르면 밑에 계속 붙는 현상을 발견했었다. 취소하기에서 .empty()를 쓰면 reload 안하고 hide로만 끝낼 수 있다길래 넣어보다가 그럼 show 전에도 .empty 먼저 쓰고 show 불러오면 밑에 계속 안 붙게 할 수 있을 거 같아서 넣어보았다. 일타이피라니 좋구만!! 봄(Spring) 기록하기 봄 여름 가을 겨울 사진 URL 이름 맛집이름(추천메뉴)로 적어주세요 기록하기 닫기 empty() 이 별 거 아닌 기능을 몰라서... 역시.. 응용은 다양한 경험에서 나오는 법인가.. 블록이 있어야 형태도 만들어볼 수 있고 단어를 알아야 영어도 쓸 수 있는..

사전 스터디 프로젝트 (3)-참고

수정하기 서식을 최종적으로는 다혜님 코드로 하기로 했지만 민섭님 코드도 배울 점이 있어서 기록 가을(FALL) 작성하기 수정하기 봄 여름 가을 겨울 사진 URL 이름 맛집이름(추천메뉴)로 적어주세요 기록하기 닫기 교체할 카드의 이름을 적어주세요. 사진 URL 이름 맛집이름(추천메뉴)로 적어주세요 수정하기 닫기 @app.route("/mars", methods=["PATCH"]) def web_mars_patch(): name_receive = request.form['name_give'] img1_receive = request.form['img1_give'] place1_receive = request.form['title1_give'] comment1_receive = request.form['foo..

사전 스터디 프로젝트(3)

수정하기에서 빈칸은 어떻게 처리하느냐에 대해 PATCH로 하는 방법에 대해 얘기가 나왔었다가 결국 친숙한 GET, POST로 구현 성공! 너무 신기하다.. 처음에 num을 spring_list = list(db.springs.find({}, {'_id': False})) count = len(spring_list) + 1 doc = { 'num': count } 이렇게(list 목록의 갯수+1)식으로 했다가 삭제하고 다시 기록하는 과정에서 숫자가 겹치는 문제가 발생해서 count = spring_list[-1]['num'] +1 민섭님 아이디어로 이렇게 바꿨는데... 나는 원래 알고 계신던 내용인 줄 알았으나... 웹개발 3주차강의에 있던 내용이라고..? ..ㅎㅎ 진짜 강의 복습이 필요하구만.. 크롤링했..

사전스터디 프로젝트(2)

각자 해온 스타일을 보고 낫다 싶은 스타일을 결정해서 통일하기로 했다. 다혜님 스타일로 일단 맞추기로 했다. https://yattong2.tistory.com/20 1 여행지 추천 | 겨울❄ 겨울(Winter) 작성하기 봄 여름 가을 겨울 사진 URL 이름 주소 맛집이름(추천메뉴)로 적어주세요 기록하기 닫기 yattong2.tistory.com 이것도 쉬운 작업이 아니였다..ㅎ 각자 db에 저장한 이름이 달랐고 db폴더명도 달랐다. 그 외에도 다양하게 class명들도 달랐는데 나중에 통일하려면 최대한 비슷한 게 낫겠다 싶어서 웬만하면 그대로 살렸다. 처음에 get, post 둘 다 안되서 바로잡는데 한참 걸렸다. 이것저것 넣고 빼고 바꿔서 결국 성공..! || : or(근데 이거 자판으로 어떻게 입력하..

사전스터디 프로젝트 내 파트 페이지

(1)스크롤 시 상단 고정하기(따라오기) 기능을 새로 검색해서 적용했다. position에 sticky도 되고 미묘한 설정값의 차이는 있지만 fixed로도 가능하다. (fixed 사용시 fixed 안된 애들에 padding-top으로 상단 여백을 줬어야 했다.) 근데 밑에 카드들이 상단 위로 올라오는(겹치는) 문제가 발생해서 z-index 설정으로 정렬을 해결했다. .header { position: sticky; top:0px; width: 100%; z-index:1; } 스택(stack)의 순서는 양수나 음수 모두 설정할 수 있으며, 크기가 클수록 앞쪽에 위치하고 작을수록 뒤쪽에 위치하게 된다. 참고:http://www.tcpschool.com/css/css_position_position 코딩교육..