개발자 꿈나물 개발자 꿈나물

▶ Today I Learned [음양 더하기] https://programmers.co.kr/learn/courses/30/lessons/76501 소요시간: 1시간 1분 function solution(absolutes, signs) { let totalValue = '' let answer = 0 // 배열의 값들을 어떻게 다루는 건 기본적으로 반복문을 사용함 for (let i = 0; i < signs.length; i++) { let sign = (signs[i] === true ? '+' : '-') // 부호를 어떻게 대입하지?? 부호는 일단 Number타입인듯 // 하지만 삼항 연산자에는 곧바로 쓸 수 없음, 일단 문자열로 전환 totalValue = sign + absolutes[i]...

▶ Today I Learned https://programmers.co.kr/learn/courses/30/lessons/12903?language=javascript [가운데 글자 가져오기] 단어의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. let word = "123456789" // 출력할 임의의 문자열 // 문자열의 길이를 구한 후 이를 2로 나누어 나머지가 없으면 짝수, 있다면 홀수 if (word.length%2 == 0) { let start_index = word.length/2 //문자열의 길이를 2로 나누면 문자열에서 중간정도 위치 값을 구할 수 있음 위 숫자를 substring()에 대입 substring..

▶ Today I Learned 프로젝트 시 메인 페이지 하단에 카드들을 배치하려 했다. 이를 깔끔히 정렬하기 위해 아래와 같이 코드를 작성하였다. .posting-card { width: 350px; height: 600px; border-radius: 1rem; } .post-box { /* 쇼핑몰 상세페이지 처럼 글의 일부만 보이는 css, 그라데이션 효과 삽입*/ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; margin: auto; align-items: start; } grid라는 말 답게 격자 형태로 담겨졌다. 문제는 보기에 깔끔하긴 하지만 카드들이 사이트를 기준으로 중앙 정렬이 되진 않았다는 것이다. 이를 구현..

▶ Today I Learned 너무나 많은 걸 배웠다.. 프로젝트 페이지의 기능과 뼈대를 실현하느라 수 많은 함수와 블로그, 공식문서들을 찾아보아서 잘 기억도 나지 않는다. 아.. 전날 고민해가며 해결하지 못했던 문제를 해결했다. 분명 맞게 썼다고 생각했는데 나는 순간 초반에 let title = postings['title'] alert('title') 을 하려고 했던 것이다.. console이나 alert에는 계속해서 undefined라는 문구만 떴다. 생각해보니 많은 값으로 이루어져 있고 데이터는 리스트 형태로 저장되어 있기에 배열의 특정한 값 만을 지정하지 않고 모두 불러오는 게 불가능했던 것이다..! => (2022.1.16 생각: 이것을 좀 더 명쾌히 설명하자면 postings가 배열 형태로..

▶ Today I Learned 장점 1) 부트스트랩과 달리 순수 css로 이루어져 있다. 2) 사용법이 부트스트랩보다 훨씬 더 직관적 3) 예쁜 디자인이 많다. 확실히 표현이 부트스트랩에 비해 직관적이었다. 간혹 색깔을 파란색으로 바꾸고 싶으면 class = "is_red"와 같은 식이었다. 앞으로 자주 활용해보아야겠다 ㅎㅎ 알고리즘의 한 종류, 임의의 데이터 값을 받아 고정된 길이로 된 임의의 값으로 변환해줌 JSON으로 된 객체를 이용하여 정보를 안정성있게 전달해주는 웹 표준 토큰, 로그인 시 주로 사용하는 듯 하다. 전송되는 데이터를 나타낼 때 주로 쓰는 표현 예전에 드림코딩 엘리님의 Git강의를 들은 적이 있어 커밋까지는 할 수 있었으나 한동안 사용하지 않아서 간만에 사용하려니 힘이 들긴했다. ..

▶ Today I Learned 간단한 OT 후 미니 프로젝트 진행 1일차, 프로젝트 사이트 중 '메인페이지' 담당 로고 클릭 시 메인 홈으로 이동 : 홈으로 이동 로고 로그인한 사용자 표시 :미구현 로그인/로그아웃 표시 버튼(로그인 상태면 로그아웃으로 표시되며 로그아웃 후 메인페이지로 이동, 아니라면 로그인으로 표시되며 로그인 페이지로 이동) :미구현 검색창 및 버튼 (입력 후 일치하는 결과가 있다면 게시글 사이트로 이동, 검색어와 일치하는 단어가 있는 제목의 게시글 모두 표시) : 검색버튼 클릭 시 함수 발동 함수 findingResult() function findingResult () { if (로그인 했을 시) { location.href = "게시글 페이지" $('#searching_word'..

1. 배운 내용 Flask 프레임워크를 활용해서 API를 만들 수 있다. 프로젝트를 완성한다! EC2에 내 프로젝트를 올리고, 자랑한다! 2. 수강 후기 드디어 실제로 홈페이지를 배포해보는 경험을 하였다! 지난 주까지는 프론트와 백을 왔다갔다하며 서로 어떻게 구성하고 연결하는지 였다면, 이번주는 그것을 기반으로 서버와 도메인을 구매하고 배포해보는 경험을 하게 되었다. 가비아라는 기업을 이름만 들어 알고 있었는데 그곳에서 도메인을 구매해보았으며, 서버는 많이들 사용하는 AWS의 EC2를 사용하게 되었다. (EC2에 대해서 구글링해보니 아마존에서 제공해주는 서버, 가상 컴퓨터 프로그램 정도로 이해하면 된다는 내용들이 있었다. ) 사실 해당 인프라시스템들을 이루는 구성요소가 어떻게 되는지, HTTP와 같은 ..

1. 배운 내용 Flask 프레임워크를 활용해서 API를 만들 수 있다. 예제 API를 만들고 클라이언트와 연결한다. Flask: 서버를 돌아가게 해주는 프레임워크 app.py: 파이썬에서 통상적으로 서버를 돌아가게 만드는 프로그램 이름 static: css나 이미지 파일을 담아줄 때 사용 templates: html 파일 담아두는 곳 cf) API - 서버가 클라이언트의 요청을 받기 위해 만들어놓은 창구같은 느낌! (은행창구처럼) 2. 수강 후기 지난 주에 이어 Server side, 백엔드 부분을 더욱 다루었다. GET과 POST 방식을 통해 서로 이어주는 연습을 좀 더 해볼 수 있었기에 프론트와 백이 서로 어떻게 상호작용 하는지 간략히나마 알게되었다. 여전히 연습과 개념공부가 필요하지만 직접해보며..