전체 글 25

CSS - 자식 div의 margin이 부모 div에게 적용될 때 / 마진병합현상

입사 첫 주에, 간단한 퍼블리싱 업무를 받아서 페이지를 짜는데 자식 div에 margin-top을 주려고 했는데 (왼쪽 그림을 희망함) 갑자기 부모 div에 margin-top이 생겨버리는 바람에 (오른쪽 그림처럼) 당황했던 경험이 있다. 자식 div의 마진이 부모 div에 대신 적용되는 위와 같은 경우뿐만 아니라 마진이 제대로 적용 안될 때가 간혹 있다고 하는데 학원에서 팀프로젝트 할 때는 정확한 원인을 모르고 대충대충 해결해왔던 것 같다 알아보니 마진 병합 현상 (margin collapsing) 이라고 한다! div가 여럿일 때 마진이 꼬인다고... 이애 대한 설명은 많은 슴배님들의 개발 블로그에 잘 나와 있고 나도 100% 이해하지 못했으니 따로 설명하진 않는다. 그냥 자식div 마진이 부모div..

개발/HTML 2021.05.16

10년차 마케터, 비전공 늦깎이 신입 개발자 되다 - [2] 국비학원에서 개발 배우기 A to Z

관련글 10년차 마케터, 비전공 늦깎이 신입 개발자 되다 - [1] 나의 퇴사 히스토리 10년차 마케터, 비전공 늦깎이 신입 개발자 되다 - [2] 국비학원에서 개발 배우기 A to Z 부트캠프 vs 국비학원 위 1편의 후반부에 썼듯, 그냥 "개발을 이해하는 마케터" 정도가 되고 싶은 마음으로 혼자 노크해 본 개발이 생각보다 재밌게 느껴지는 부작용(?)이 있었고- 마침 최측근에 하나둘씩 생겨난 비전공 개발자 지인들이 있어 슬쩍 떠 보았는데, 모두가 개발자로서의 전직에 만족을 하고 있어서 마음이 소란했다. "아 나도 개발자 하고 싶은데" 하는 마음이 커지던 중 남편이 힘을 실어주었다. 1) 너는 잘 할거라고 말해 줌 * 나의 마케터 - 강사 - PD 이직 과정을 연애하며 모두 지켜본 사람이고 실제 개발/기..

Personal 2021.05.16

10년차 마케터, 비전공 늦깎이 신입 개발자 되다 - [1] 나의 퇴사 히스토리

관련글 10년차 마케터, 비전공 늦깎이 신입 개발자 되다 - [1] 나의 퇴사 히스토리 10년차 마케터, 비전공 늦깎이 신입 개발자 되다 - [2] 국비학원에서 개발 배우기 A to Z 글을 쓰게 된 계기 저는 마케팅도 잘했는데 개발도 할 줄 알아요 짱이죠? (X) 여러분 모두 개발자가 되세요!!!! (X) 세상에 저 같은 사람도 있어요, 하고 싶으면 쭉 하세요 (O) 유통업계 대기업 (마케팅) 제조업계 대기업 (마케팅) 대치동 영어강사 웹드라마 제작사 (사업, 마케팅, 프로듀서) 를 거쳐서 갑자기 개발자가 되겠다고 하니 모두가 놀랐다. - 이 나이에 왜 신입이 되려 하느냐 (결심했던 작년 기준 서른 세쨜) - 너는 뼛속까지 문과 아니었냐 (맞음) (중문학 전공함) 등등의 다양한 반응이 있었다. 그리고 ..

Personal 2021.05.05

자바 알고리즘 - 같은 숫자는 싫어 (배열의 중복 제거하여 반환하기)

배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. ex) arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return import java.util.*; public class Solution { public int[] solution(int []arr) { int[] answer = {}; return answer; } } 처음에 문제 이해를 잘못 해서 배열 전체의 중복을 없애라..

개발/Java 2021.04.07

자바 알고리즘 - 문자열의 가운데 글자 가져오기

String을 파라미터로 받아, 가운데 글자를 반환하자. 짝수는 두 개를 반환하면 된다. ex) "abcde" ▶ "c" "abcd" ▶ "bc" class Solution { public String solution(String s) { String answer = ""; return answer; } } 더 짧고 멋진 코드가 인터넷에 진짜 많다. substring써서 완전 짧게 한 줄로 조져끝내버린 빛같은 코드 보고 감탄..... 그치만, 내 풀이법을 담는 데 의의를 두기로 :) 더 열심히 해서 나도 멋있게 짜야지. 읏쨔. 접근 포인트 문자열의 길이를 구해 홀짝을 판별하고, 홀짝 여부에 따라 answer를 다르게 세팅하면 될 듯! 최종 코드 class Solution { public String so..

개발/Java 2021.04.02

자바 알고리즘 - 서울에서 김서방 찾기 (배열에서의 위치 찾기)

String 배열 seoul에서, "Kim"의 위치(인덱스) x를 찾아서 "김서방은 x에 있다" 라는 문장을 반환하자. * "Kim"은 반드시 seoul 안에 포함되어 있다. ex) ["Jane", "Kim"] ▶ "김서방은 1에 있다" ["Mary", "James", "Kim"] ▶ "김서방은 2에 있다" class Solution { public String solution(String[] seoul) { String answer = ""; return answer; } } 모든 알고리즘 연습문제가 그렇듯 이 역시 간결하고 엣지있는 정답 코드가 블로그에 많고 많지만! 내가 직접 짠, 내게 익숙한 버전으로 정리하기. 접근 포인트 반복문을 통해 seoul 배열에서 "Kim"을 찾아내되, 찾아내고 나면 끝..

개발/Java 2021.03.31

자바 알고리즘 - 자연수를 뒤집어 배열로 만들기

오늘은 자바 알고리즘 풀이! 자바에서, 자연수 n을 뒤집어, 각 자리 숫자를 원소로 가지는 배열을 만들어 리턴하자. 예를 들어, n = 12345 일 때 ▶ [5, 4, 3, 2, 1] 리턴 n = 135 일 때 ▶ [5, 3, 1] 리턴 * 단, n은 10,000,000,000이하 class Solution{ public int[] solution(long n) { return answer; } } 수많은 블로그에 이미 풀이법이 많이 나와 있지만 내게 가장 익숙한 방식을 정리해두려고 한다! 접근 포인트 1) 자연수 n의 자릿수에 구애받지 않고 성립해야 한다 2) 숫자열을 배열로 쪼개야 한다 3) 숫자열의 순서를 뒤집어야 한다 숫자열을 배열로 쪼개기 데이터타입이 int일 때에는 쪼개기 힘드니까, 문자열로..

개발/Java 2021.03.31

관계형 데이터베이스란? 쉬운 설명! About Relational Database

DB공부를 시작하자마자 "관계형 데이터베이스" 어쩌고 저쩌고 하면서 괜히 어려울 것 같은 말이 나오면 마음에 그늘이 진다. 더 어렵게 RDBMS(Relational DataBase Management System) 라고 부르기도 한다. 하지만 쉽게 이해할 수 있으니 주눅들 필요 1도 없다! 일단 "관계형 데이터베이스가 아니면 다른 데이터베이스는 뭔데?" 라고 생각이 들었는데, 계층형 / 네트워크형 / 객체지향형 등의 데이터베이스 종류가 있다 일단은 그런 애들이 있구나- 하고 넘어가고, 오늘은 관계형만 araboza. 관계형 데이터베이스의 개념 쉽게 보기 학교 시간표라던가, 동아리/회사의 연락망을 적어 둔 엑셀 파일을 떠올려보자. 예컨대 우리가 주소를 적을 때, 김남준 : 주소는 서울시 강남구, 김석진주소..

개발/Database 2021.03.23

자바 반복문(for문)을 활용한 별 찍기 예제 2가지

자바 반복문 공부할 때 꼭 한번쯤 해 본다는 그 예제! 별 찍기. 자바 공부 초반에, 수업 중 for문을 엄청 빠르게 배웠었는데 그게 너무 이해가 안 가서 힘들었던 기억이 난다. (제가 문과라서요... 라고 하기엔 다른 문과 친구들은 곧잘 이해했었음) 근데 지금은 눈 감고도 반복문 돌릴 수 있는 거 보면, 그냥 이 개념이 나에게 생소했던 듯 하다. 당시 새벽까지 찍고 또 찍어냈던 수많은 별들을 추억하며- 나처럼, '무슨 말인지 알겠는데 모르겠다' 싶은 이들을 위해 좀더 쉽게 차근차근 별 찍기 과정을 기록해 본다. 순한 맛 하나, 매콤한 맛 하나 두 가지로 풀이! 이중 for문을 사용한 별 찍기 - 순한 맛 줄을 바꾸면서 별표만 하나씩 늘려 가는 예제이다. 얘가 어떻게 반복문인지를 뜯어 보면, 크게 봐서는..

개발/Java 2021.03.19

자바 반복문과 배열을 활용한 로또 조합 출력 예제 :)

살면서 로또라곤 딱 세 번 정도 해봤는데... (그 중 한 번은 오만원 당첨!) (설마 운을 다쓴건가) 자바를 공부하면서 예제로 풀게 되어 재밌었다. 수업 중엔 Random 클래스를 활용해서 풀었던 예제인데, 지난 포스팅에 적었던 Math.random()을 활용한 예제로 응용해서 오랜만에 다시 짜 보았다. 자바로 로또 번호 출력하기 조건 1 ) 가로로 6개의 숫자가 나열 조건 2 ) 위 조건 1) 의 숫자들은 중복되어서는 안 됨 요렇게 콘솔에 출력되면 된다. 먼저 구조를 보면, 결국은 숫자 6개짜리 배열이 총 5줄 반복된 셈이다. 숫자가 6개 찍히도록 반복문을 돌리고, 그 반복문을 감싸서 원하는 줄 (이 예제에서는 5줄) 수만큼 반복되게 또 돌리면 된다. 안쪽 반복문 (6개짜리 1줄) 코딩하기 이전 포스..

개발/Java 2021.03.18