Front-end Developer

배운 내용 1. 이번 알고리즘 문제에서 return을 처음 써봤는데, return은 함수 안에서만 쓸 수 있다는것을 깨달았다. 밑에 함수를 보면 if isPrime(k): print(k)에서 isPrime에 True가 return이되면 print(k)가 실행된다. 2. 또 처음시도한것은 함수(def)를 만들어서 문제를 풀어보았다. 함수를 이용했을 때 코드를 더 읽기 좋았던것 같고 True, False를 사용할 수 있어서 간편했다. 3. 이 문제는 소수에대한 개념이 있어야 풀 수 있는 문제인것 같다. 문제 M이상 N이하의 소수를 모두 출력하는 프로그램을 작성하시오. 첫째 줄에 자연수 M과 N이 빈 칸을 사이에 두고 주어진다. (1 ≤ M ≤ N ≤ 1,000,000) M이상 N이하의 소수가 하나 이상 있는..

배운 내용 이 문제는 처음에 풀어서 답이 나왔는데 시간초과로 인해서 다시 세팅을 해야했다. 원하는 답만 나온다고해서 문제를 푼게 아니라 내가 짠 코드가 범위안에서 돌아가는데 효율적인지도 생각해봐야겠다. set 내장 함수를 이용해서 input된 단어안에있는 공통되는 알파벳을 없애고 하나씩만 저장할 수 있다. 최빈값을 구할 때 사용하기 좋은 함수이다. 문제 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다. 첫째 줄에 알파벳 대소문자로 이루어진 단어가 주어진다. 주어지는 단어의 길이는 1,000,000을 넘지 않는다. 첫째 줄에 이 단어에서 가장 많이 사용된 알파벳을 대문자로 출력한다. 단, 가장 많..

배운 내용 1. 두 변수에 한번에 인풋을 할 때 어떻게 split()을 사용해야되는지 배웠습니다. input().split(" ", 1)은 첫번 째 띄어쓰기를 기준으로 split을 해서 두 변수에 나눠준다는 뜻입니다. 2. 이 문제는 문제를 정확하게 이해하지못해서 계속 헤맸던것 같다. 문제를 정확하게 읽는 중요성을 배웠다. 3. 특정 decimal point까지 값을 줄 때 round를 사용해서는 안되고, %.nf %(value) 형식을 사용해야된다. 문제 첫째 줄에는 테스트 케이스의 개수 C가 주어진다. 둘째 줄부터 각 테스트 케이스마다 학생의 수 N(1 ≤ N ≤ 1000, N은 정수)이 첫 수로 주어지고, 이어서 N명의 점수가 주어진다. 점수는 0보다 크거나 같고, 100보다 작거나 같은 정수이다...

기획 배경 팀원인 민규님과 제가 공통적으로 관심있는게 전시/공연이여서 그것에 관련된 정보를 공유하는 웹 사이트를 만들어 봤습니다. 컨셉이 정보 공유라서 공유를 등장시켰습니다. 구현한 기능(API 목록) 1. 크롤링으로 db에 저장되어있는 전시/정보 데이터를 Jinja2(서버사이드 렌더링)를 이용해서 가져왔다 이번 프로젝트를 통해서 서버사이드 렌더링에 대해서 처음 알게 되었는데, jinja2를 라이브러리를 이용해서 구현해보았다. 먼저 서버에서 데이터를 불러서 해당 html주소로 보내주는 형식이기 때문에 클라이언트로 데이터가 도달하는 시간이 매우 빠르다. 프로젝트를 할 때 처음에는 ajex를 이용해서 데이터를 요청했는데 그 때는 데이터를 다 가져오는데 2~3초정도 시간이 걸렸던것같다. 하지만 jija2로 데..

프로젝트 제목/간단설명 프로젝트 제목 : 문화인간 전시 공연 내비 문티브(문화적으로 액티브하게) 문잡이(문화를 잡아주는 사람) 문을여시오 공유문화 (아직 제목을 못정했습니다.) 사이트 간단 설명 : 저희 사이트는 현재 한국에서 하고있는 전시와 공연 정보를 제공합니다. 페이지 수 : 3장 (main page, 전시 페이지, 공연 페이지) 메인 페이지: 사이트를 소개하는 페이지 입니다. 전시 페이지, 공연 페이지: 해당 주제에 관련된 정보를 제공하고, 리뷰도 제공합니다. 와이어프레임 사진 메인 페이지 전시 페이지, 공연 페이지 개발해야 하는 기능들 기능 Method URL request response 전시 정보 가져와서 DB에 저장 POST /artshow {'title':title, 'url': url,..

2월 27일 (토) 오늘 한 일 HTML, CSS, JavaScript를 사용해서 ShareLog라는 웹페이지를 만들었다. 웹페이지가 총 11 페이지여서 중복되는 부분들은 따로 html 파일을 만들어서 각 페이지에 html 파일 자체를 붙여넣어서 수정할 때 쉽고 빠르게 했다. CSS에서 grid, flex, box-shadow 등을 이용해서 페이지를 좀더 보기좋게 꾸며보았다. Ajax 와 Flask를 이용해서 ShareLog 페이지를 서버와 데이터베이스에 연결시켜 정보를 저장하고 불러왔다. 느낀점 2일동안 ShareLog라는 페이지를 만들었다. 항해99 사전준비 기간에 배운것을 사용하면서 남에게도 좀 유용한 웹 사이트를 만들고 싶었다. 나를 포함해서 항해99 1기 분들이 좋은 자료들을 공유하고 그 자료들..

2월 24일 (수) 오늘 한 일 HTML, CSS, JavaScript를 이용해서 Navigation bar를 만들었다. CSS에서 flex와 media-query를 공부하고 연습했다. JavaScript을 이용해서 아이콘을 클릭했을 때 내비게이션 바가 보이고 안보이고하는 기능을 구현했다. JavaScript로 만든 Canvas에 뒤로가기 버튼을 만들려고 시도했다. MDN에서 자료를 찾아보고 구글에서 검색을 해서 여러 자료를 찾아보면서 자료 찾는 스킬을 발전시켰다. HTML과 CSS로 Navigation bar 만든것을 블로그에 정리했다. HTML & CSS : Navigation_bar 만들기 HTML & CSS : Navigation_bar 만들기 항해99 사전준비기간에 공부한것을 가지고 웹사이트를 ..

항해99 사전준비기간에 공부한것을 가지고 웹사이트를 하나 만들어보려고 한다. 오늘은 일단 navigation bar만 만들었다. 원래는 부트스트랩에서 가져와도 되지만 flex box를 연습해보고 싶어서 직접 만들어 보았다. 생각보다 잘 만들어진것 같아서 기분이 좋다. 영상에는 나오지는 않지만 미디어쿼리를 사용해서 원래 화면이 클때는 메뉴가 위에 나열되게 만들어 놨다. Flex box nav_bar를 만들면서 CSS에서 flexbox를 제일 많이 사용한것 같다. navigation bar를 만들기 전에 flex box를 이해하기 위해서 Flexbox Froggy라는 게임을 하면 여러 flexbox properties들을 이해하고 공부했다. flexbox는 기본적으로 display : flex를 설정하고 여..